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 :