예
<H1>, <H2>과의 텍스트 정렬 설정 <h3> 요소를 :
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
}
»그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
텍스트 정렬 속성은 엘레멘트의 텍스트의 수평 정렬을 지정합니다.
기본값: | left if direction is ltr, and right if direction is rtl |
---|---|
상속 : | yes |
애니메이션 : | no. Read about animatable |
번역: | CSS1 |
자바 스크립트 구문 : | object .style.textAlign="right" Try it |
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
재산 | |||||
---|---|---|---|---|---|
text-align | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS 구문
text-align: left|right|center|justify|initial|inherit;
속성 값
값 | 기술 | 플레이 |
---|---|---|
left | 왼쪽에있는 텍스트를 맞 춥니 다 | »플레이 |
right | 오른쪽에 텍스트를 맞 춥니 다 | »플레이 |
center | 텍스트를 중심으로 | »플레이 |
justify | (신문, 잡지 등) 각 라인은 동일한 폭이되도록 선을 뻗어 | »플레이 |
initial | 기본값으로이 속성을 설정합니다. 초기에 대해 알아보기 | »플레이 |
inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
더 예
예
이 예는 고급 텍스트 정렬 예를 보여줍니다
h1 {
text-align: center;
}
p.date {
text-align: right;
}
p.main {
text-align: justify;
}
»그것을 자신을 시도 관련 페이지
CSS 자습서 : CSS 텍스트
HTML DOM 참조 : textAlign property