본문 바로가기

'.' Programs/CSS

Text-Align


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