text-align-all
및 text-align-last
속성을 설정하고 콘텐츠가 줄 상자를 완전히 채우지 않는 경우 블록의 인라인 수준 콘텐츠가 인라인 축을 따라 정렬되는 방법을 정의하는 속기 속성이다.
justify-all
또는match-parent
이외의 키워드는 text-align-all
에 할당하고 text-align-last
를 auto
재설정한다.
하지만 text-align
속성이 속기 속성으로서의 역할은 아직 의문이다. 속기로 작성되는 값의 일부에 해당하는 text-align-all
속성이 아직 지원이 안된다.
text-align-all
속성은 유저 에이전트 지원 여부를 확인할 수가 없다.start | end | left | right | center | justify | match-parent | justify-all
인라인 수준의 콘텐츠는 정렬 상자의 끝 가장자리에 맞춰 정렬된다.
인라인 수준의 콘텐츠는 정렬 상자의 시작 가장자리에 맞춰 정렬된다.
인라인 수준의 콘텐츠는 줄 상자의 중앙에 정렬된다.
라인 상자를 정확히 채우기 위해 텍스트는 text-justify
속성에 지정된 방법에 따라 정렬된다.
text-align-all
및 text-align-last
를 모두 양쪽 맞춤으로 설정하여 마지막 줄도 양쪽 맞춤하도록 정렬된다.
인라인 수준의 콘텐츠는 줄 상자의 왼쪽 가장자리에 맞춰 정렬된다. 수직 쓰기 모드에서는 쓰기 모드에 따라 물리적 상단 또는 하단이 될 수도 있다.
상속된 start
또는 end
값이 부모(부모가 없는 경우 초기 포함 블록) 방향 값에 대해 해석되고 결과적으로 계산된 값이 나온다는 점을 제외하고는 inherit
(부모의 계산된 값으로 계산)값과 동일하게 동작한다.
인라인 수준의 콘텐츠는 줄 상자의 오른쪽 가장자리에 맞춰 정렬된다. 수직 쓰기 모드에서는 쓰기 모드에 따라 물리적 상단 또는 하단이 될 수도 있다.
모든 속성을 표시하지 않을 수도 있다.
text-align-last
속성의 auto
가 아닌 값으로 재정의된 마지막 줄을 제외하고 블록 컨테이너에 있는 모든 인라인 콘텐츠 줄의 인라인 정렬을 지정한다.
블록의 마지막 줄 또는 강제 줄 바꿈 직전의 줄이 정렬되는 방식을 지정한다.
다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.
인라인 수준의 콘텐츠는 정렬 상자의 시작 가장자리에 맞춰 정렬된다.
인라인 수준의 콘텐츠는 줄 상자의 중앙에 정렬된다.
인라인 수준의 콘텐츠는 정렬 상자의 끝 가장자리에 맞춰 정렬된다.
라인 상자를 정확히 채우기 위해 텍스트는 text-justify
속성에 지정된 방법에 따라 정렬된다.
text-align-all
및 text-align-last
를 모두 양쪽 맞춤으로 설정하여 마지막 줄도 양쪽 맞춤하도록 정렬된다.
인라인 수준의 콘텐츠는 줄 상자의 왼쪽 가장자리에 맞춰 정렬된다. 수직 쓰기 모드에서는 쓰기 모드에 따라 물리적 상단 또는 하단이 될 수도 있다.
상속된 start
또는 end
값이 부모(부모가 없는 경우 초기 포함 블록) 방향 값에 대해 해석되고 결과적으로 계산된 값이 나온다는 점을 제외하고는 inherit
(부모의 계산된 값으로 계산)값과 동일하게 동작한다.
인라인 수준의 콘텐츠는 줄 상자의 오른쪽 가장자리에 맞춰 정렬된다. 수직 쓰기 모드에서는 쓰기 모드에 따라 물리적 상단 또는 하단이 될 수도 있다.
text-align: right;
object.style.textAlign = "right"
Modules | ||
---|---|---|
Module Name | Status | Summary |
Text Module Level 3 | Last review date: 2022-6-26 | |
CSS Logical Properties and Values Level 1 | 초안 작업 | Last review date: 2022-8-23 |