word-spacing

단어들 사이의 최소, 최대, 최적 간격을 지정합니다.
값을 3개까지 지정할 수 있으며, 3개의 값이 지정되면 최적, 최소, 최대 순으로 지정됩니다. 2개의 값이 지정되면 앞의 값은 최적, 최소 간격이고, 뒤의 값은 최대 간격입니다. 하나의 값만 지정되면 3개의 값에 모두 동일한 값이 할당됩니다.

CSS Level

CSS 1, CSS 2, CSS 3

상속

예

기본값

normal

사용법

word-spacing: 30px;

object.style.wordSpacing = "10px"

속성

normal

현재 요소의 글꼴에 맞게 웹브라우저가 알아서 지정합니다.

<length>

길이 단위를 사용해서 간격을 지정합니다.

overflow-wrap

단어가 길어서 줄바꿈이 일어나는 경우에 단어를 나눌지 여부를 지정합니다. white-space 프로퍼티가 자동 줄바꿈이 작동하도록 지정되어 있어야 적용됩니다.
word-wrap은 overflow-wrap의 다른 이름입니다.

CSS Level

CSS 3

상속

예

기본값

normal

사용법

overflow-wrap: break-word;

속성

normal

줄바꿈이 허용된 곳에서만 줄바꿈을 합니다.

break-word

단어가 단누어질 수 있습니다.

word-break

줄바꿈을 적용할 때 단어를 나누는 규칙을 지정합니다.

CSS Level

CSS 3

상속

예

기본값

normal

사용법

word-break: keep-all;

속성

normal

일반적인 규칙을 따릅니다.

keep-all

공백 이외에 서로 붙어있는 글자들을 한 단어로 붙여서 처리합니다.

break-all

문자 단위로 나뉘어질 수 있습니다.