Word-Spacing
개요 :
이 속성은 요소에 포함된 단어 사이의 공백의 크기(단어간/어간)를 지정한다.
단어란 공백문자(white space)에 둘러싸인 문자열을 의미한다.
(예: "word spacing"의 단어는 "word"와 "spacing" 2개며, "word-spacing"의 단어는 "word-spacing" 1개다.)
공백문자의 출력 방식은 white-space 속성으로 지정할 수 있다.
정의
word-spacing |
설명 |
값 |
normal | <길이> | inherit |
기본값 |
normal |
적용대상 |
모든 요소 |
상속 |
됨 |
백분율 |
사용 불가 |
미디어 |
visual |
값
값 |
설명 |
normal |
기본 간격을 지정한다. |
<길이> |
길이를 지정한다. 이 길이는 단어 사이의 간격을 추가되며, 글자를 양쪽정렬(justify) 하려면 크기를 지정할 수 없다. |
inherit |
부모 요소의 값을 상속하도록 지정한다. |
-------------------------------------------------------------------------------------------------------
예제
View Source :
<style> p {word-spacing: 2em;} </style> <body> <p>단어의 간격을 정상 크기의 2배로 지정합니다.</p> </body>
Result :
''.' Programs > CSS' 카테고리의 다른 글
White-Space (0) | 2012.03.20 |
---|---|
Vertical-Align (0) | 2012.03.20 |
Letter-Spacing (0) | 2012.03.20 |
Text-Decoration (0) | 2012.03.20 |
Text-TransForm (0) | 2012.03.20 |