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 |