본문 바로가기

'.' Programs/CSS

Word-Spacing


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