특히 복수 언어를 사용하는 개체에서 단어 중간에서 줄바꿈을 하는가를 반환하거나 설정한다.

인수
cssSelector : (스타일 선택자)
속성을 가질수 있는 엘레멘트()나 클라스(class) 이름 혹은 인식자(id)이다.

: (속성 문자열)
스타일 속성은 특히 복수 언어를 사용하는 개체에서 단어 중간에서 줄바꿈을 하는가를 나타내는 문자열이다.

normal 디폴트이며, 항상 단어 속에서 줄바꿈을 한다.
break-all 아시아 텍스트에서 normal과 같이 작용하지만, 아시아 텍스트에서 자유롭게 줄바꿈한다.
keep-all 한글, 중국어 일본어에서 줄바꿈을 허용하지 않는다. 아시아 언어가 아닌 언어들에서는 normal과 같이 작용한다. 이 값은 적은 수의 한글, 중국어 일본어등을 포함하는 텍스트를 최적화한다.

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 normal이다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.

특기

TABLE 엘레멘트에서 word-break 애트리뷰트를 사용할 때는 TABLEtable-layout 속성을 fixed로 설정하여야 한다.

적용
개체scriptCSS IE 버전
참조

이 속성은 CSS(Cascading Style Sheets)의 부분에 포함시킬 것이 제안되었다.


특히 복수 언어를 사용하는 개체에서 단어 중간에서 줄바꿈을 하는가를 반환하거나 설정한다.
<DIV id="divObj" style="background:#ffd;padding:10;width:200;white-space:pre">
특히 복수 언어를 사용하는 개체에서 단어 중간에서 줄바꿈을 하는가를 반환하거나 설정한다.
</DIV>
<NOBR>
<BUTTON onclick="divObj.style.wordBreak='normal';">normal</BUTTON>
<BUTTON onclick="divObj.style.wordBreak='break-all';">break-all</BUTTON>
<BUTTON onclick="divObj.style.wordBreak='keep-all';">keep-all</BUTTON>
</NOBR>