본문 바로가기

'.' Programs/CSS

Letter-Spacing


Letter-Spacing

개요 :

이 속성은 요소의 글자 사이의 공백의 크기(자간)를 지정한다. 글자나 단어 사이의 공백도 하나의 글자로 보기에,

"나는 너를"에선 "나,는, ,너,를" 5개의 글자에 사이의 공백에 영향을 준다.

음수 길이값을 지정할 수 있으나, 텍스트를 인식하는데 장애를 줄 수 있기 때문에 사용에 신중해야 한다.

정의

letter-spacing

설명

normal | <길이> | inherit

기본값

normal

적용대상

모든 요소

상속

백분율

사용 불가

미디어

visual

설명

normal

기본 간격을 지정한다.

<길이>

길이를 지정한다. 이 길이는 글자 사이의 간격에 추가되며, 글자를 양쪽정렬(justify)하려면 크기를 지정할 수 없다.

inherit

부모 요소의 값을 상속하도록 지정한다.

-----------------------------------------------------------------------------------------------------------------------------------------

예제

View Source :

<style>
 p {letter-spacing: 1.5em;}
</style>
<body>
 <p>글자  간격을 정상 크기의 1.5배로 지정합니다.</p>
</body>
Result :

''.' Programs > CSS' 카테고리의 다른 글

Vertical-Align  (0) 2012.03.20
Word-Spacing  (0) 2012.03.20
Text-Decoration  (0) 2012.03.20
Text-TransForm  (0) 2012.03.20
Text-Shadow  (0) 2012.03.20