CSS3 Property : text-align-last

text-align-last

이번 포스팅에서는 CSS3 속성인 text-align-las 에 대해 알아봅니다.

이 글을 포스팅하는 시점에 해당 속성의 브라우저의 지원률이 높지는 않습니다.

다음의 브라우저 지원현황에 대한 이미지를 참고하세요.

caniuse text-align-last 지원현황

text-align-last Example Code

기본적으로 text-align-last는 엘리먼트 요소 마지막 라인의 텍스트를 정렬하기 위한 속성입니다.

text-align-last : left, right, center, justify

text-align-last 의 left, right, center, justify 에 대한 결과는 다음과 같습니다.

See the Pen text-align-last #1 by jaeheekim (@jaehee) on CodePen.

text-align vs text-align-last

See the Pen text-align-last #4 by jaeheekim (@jaehee) on CodePen.

다음은 text-align 과 text-align-last를 조합한 결과입니다.

See the Pen text-align-last #3 by jaeheekim (@jaehee) on CodePen.

text-align-last 의 start, end 알아보기

See the Pen text-align-last #2 by jaeheekim (@jaehee) on CodePen.

Jaehee's e-room