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 :