Text-Align
개요 : 이 속성은 요소가 포함한 인라인 요소의 수평 정렬을 지정한다.
주로 글자의 수평 정렬을 지정할 때 사용하며, 요소 안에 포함한 이미지나 인풋 박스나 라디오 버튼 같은 폼 요소와 같은 인라인 요소의 수평 졍렬도 지정할 수 있다. 블록 요소의 수평 정렬은 margin-left, margin-right 속성으로 지정한다.
정의
text-align |
설명 |
값 |
left | right | center | justify | <문자열> | inherit |
기본값 |
화면 표시 장치의 기본 스타일 참조 |
적용대상 |
블럭 레벨 요소 |
상속 |
됨 |
백분율 |
사용 불가 |
미디어 |
visual |
값
값 |
설명 |
left |
왼쪽으로 정렬하도록 지정한다. |
right |
오른쪽으로 정렬하도록 지정한다. |
center |
가운데로 정렬하도록 지정한다. |
justify |
좌우 양쪽으로 정렬하도록 지정한다. |
문자열 |
- |
inherit |
부모 요소의 값을 상속하도록 지정한다. |
-----------------------------------------------------------------------------------------------------------------------------------------
예제
View Source :
<style> p {text-align: left} </style> <body> <p>왼쪽으로 정렬하도록 지정한다.</p> </body>
Result :
''.' Programs > CSS' 카테고리의 다른 글
Line - Height (0) | 2012.03.20 |
---|---|
Text-Indent (0) | 2012.03.20 |
White-Space (0) | 2012.03.20 |
Vertical-Align (0) | 2012.03.20 |
Word-Spacing (0) | 2012.03.20 |