CSS text-align-last 속성
예시
세 개의 <div> 요소에서 텍스트의 마지막 줄을 정렬합니다.
div.a
{
text-align: justify; /* For Edge */
text-align-last: right;
}
div.b
{
text-align: justify; /* For Edge */
text-align-last: center;
}
div.c
{
text-align: justify; /* For Edge */
text-align-last: justify;
}
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
text-align-last속성은 텍스트의 마지막 줄을 정렬하는 방법을 지정합니다 .
속성 text-align-last은 선택한 요소 내의 모든 마지막 줄에 대한 정렬을 설정합니다. 따라서 세 개의 단락이 있는 <div>가 있는 경우 text-align-last
각 단락의 마지막 줄에 적용됩니다. 컨테이너의 마지막 단락에만 사용 text-align-last
하려면 :last child를 사용할 수 있습니다. 아래 예를 참조하세요.
참고: Edge 79 이전 버전에서 text-align-last속성은 "text-align: justify"가 있는 텍스트에서만 작동합니다.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
-moz- 뒤에 오는 숫자는 접두사와 함께 작동한 첫 번째 버전을 지정합니다.
| Property | |||||
|---|---|---|---|---|---|
| text-align-last | 47.0 | 5.5* | 49.0 12.0 -moz- |
Not supported | 34.0 |
*Internet Explorer 11(및 이전 버전)에서는 "시작" 및 "종료" 값이 지원되지 않습니다.
CSS 구문
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
속성 값
| Value | Description | Play it |
|---|---|---|
| auto | Default value. The last line is justified and aligned left | |
| left | The last line is aligned to the left | |
| right | The last line is aligned to the right | |
| center | The last line is center-aligned | |
| justify | The last line is justified as the rest of the lines | |
| start | The last line is aligned at the beginning of the line (left if the text-direction is left-to-right, and right is the text-direction is right-to-left) | |
| end | The last line is aligned at the end of the line (right if the text-direction is left-to-right, and left is the text-direction is right-to-left) | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
더 많은 예
예시
컨테이너의 맨 마지막 줄에만 text-align-last를 사용하십시오.
div.b p:last-child {
text-align-last: center;
}
관련 페이지
CSS 튜토리얼: CSS 텍스트
HTML DOM 참조: textAlignLast 속성