text-align-last 속성

text-align-last 속성은 텍스트의 마지막 줄 정렬을 설정합니다: 왼쪽, 오른쪽, 가운데, 양쪽 정렬.

요소(예: 단락)에 단 한 줄만 있는 경우, 그 줄은 동시에 첫 번째이자 마지막 줄로 간주되며, text-align이 아닌 text-align-last에 지정된 정렬을 따릅니다.

구문

선택자 {
	text-align-last: center | left | right | justify | auto | start | end;
}

값

값	설명
`center`	가운데 정렬.
`left`	왼쪽 정렬.
`right`	오른쪽 정렬.
`justify`	양쪽 정렬.
`auto`	요소의 정렬을 변경하지 않습니다.
`start`	텍스트 방향이 왼쪽에서 오른쪽(Left-To-Right)이면 `left`와 같고, 텍스트 방향이 오른쪽에서 왼쪽(Right-To-Left, 아랍어 등)이면 `right`와 같습니다.
`end`	텍스트 방향이 왼쪽에서 오른쪽이면 `right`와 같고, 텍스트 방향이 오른쪽에서 왼쪽이면 `left`와 같습니다.
`inherit`	부모의 값을 상속합니다.

기본값: auto.

예제 . left 값

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
	aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
	fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
	sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
	ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
	ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-align: justify;
	text-align-last: left;
}

예제 . right 값

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
	aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
	fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
	sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
	ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
	ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-align: justify;
	text-align-last: right;
}

예제 . center 값

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
	aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
	fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
	sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
	ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
	ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-align: justify;
	text-align-last: center;
}

예제 . justify 값

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
	aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
	fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
	sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
	ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
	ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-align: justify;
	text-align-last: justify;
}