/images/white/buttonHelp.gif){kind=small}
/images/white/iconAllTags.gif){kind=small}
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 :
