English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성 전체

CSS3 text-align-last 속성 사용 방법 및 예제

text-align-last CSS 속성은 텍스트의 마지막 행에 대한 정렬 방법을 지정합니다. 주의:text-align 속성은 text-align 속성이 "justify"로 설정되었을 때만 작동합니다.

이 표는 이 속성의 사용 설명과 버전 기록, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 나타냅니다.

기본 값:auto
적용 대상:Bloc container
thừa kế:
애니메이션 가능:아니요。참조: 애니메이션 속성
버전: CSS3의 새 기능
JavaScript 문법:object.style.textAlignLast="center"

text-align-last 사용 문법

이 속성의 문법은 다음과 같습니다:

text-align-last: auto | start | end | left | right | center | justify | initial | inherit

아래 예제는 text-align-last 속성。

p {
    -moz-text-align-last: right; /* Firefox */
    text-align-last: right; 
}
시험해보기‹/›

속성 값

아래 표는 이 속성의 값을 설명합니다。

설명
auto

마지막 줄이 text-align 속성 값이 정렬됩니다,除非 text-align을 justify로 설정합니다。

start마지막 줄이 줄 시작에 정렬됩니다(text-direction이 왼쪽에서 오른쪽으로 간 경우 왼쪽 정렬됩니다;text-direction이 오른쪽에서 왼쪽으로 간 경우 오른쪽 정렬됩니다)。
end마지막 줄이 줄 끝에 정렬됩니다(text-direction이 왼쪽에서 오른쪽으로 간 경우 오른쪽 정렬됩니다;text-direction이 오른쪽에서 왼쪽으로 간 경우 왼쪽 정렬됩니다)。
left마지막 줄이 왼쪽 정렬됩니다.
right마지막 줄이 오른쪽 정렬됩니다.
center마지막 줄이 가운데 정렬됩니다.
justify마지막 줄이 양쪽 정렬로 조정됩니다.
initial이 속성을 기본 값으로 설정합니다.
inherit지정된 경우, 부모 요소의 text-align-last 속성 값.

브라우저 호환성

text-align-last 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다.

  • Firefox 12+ -moz-

  • Google Chrome35+

  • 인터넷 익스플로러 5.5위의

  • Apple Safari ×

  • 오페라 ×

더 읽기

다음 튜토리얼을 참조하십시오:CSS 정렬

관련 속성:text-aligntext-indenttext-justify