내용이 모체 용기 범위을 벋어나면 단어를 잘라 다음 줄에 표시할 것인가를 반환하거나 설정한다.

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

: (속성 문자열)
스타일 속성은 내용이 모체 용기 범위을 벋어나면 단어를 잘라 다음 줄에 표시할 것인가를 나타내는 문자열이다.

normal 디폴트이며, 내용이 용기의 테두리를 벋어날 수 있다.
break-word 필요한 경우에 내용이 용기를 벋어나면 줄바꿈하여 다음 줄에 표현된다.

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

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

특기

이 속성은 배치(layout)를 갖는 엘레멘트에 적용된다. 엘레멘트가 position 속성값 absolute를 가지면 블럭 엘레멘트이고, 지정된 높이와 너비를 갖는 아니면 인라인 엘레멘트이다.

적용
개체scriptCSS IE 버전
참조
lineBreak wordBreak whiteSpace

이 속성은 CSS(Cascading Style Sheets)에 Microsoft가 확장한 것이다.


wordWrap 속성값 normalbreak-word을 설정하였다.
break-word을 설정하면 수평 스크롤이 방지되고 인쇄에서 유용하게 사용할 수 있다.

<TEXTAREA id="wordwrapnormal"
  style="word-wrap:normal;width:300;border:solid 1 blue;height:5em;">내용이 모체 용기 범위을 벋어나면 단어를 잘라
 다음 줄에 표시할 것인가를 나타내는 문자열이다.</TEXTAREA>
<SCRIPT>document.write('wordwrapnormal.style.wordWrap='+wordwrapnormal.style.wordWrap)</SCRIPT>
<TEXTAREA id="wordwrapbreakword"
  style="word-wrap:break-word;width:300;border:solid 1 blue;height:5em;">내용이 모체 용기 범위을 벋어나면 단어를 잘라
 다음 줄에 표시할 것인가를 나타내는 문자열이다.</TEXTAREA>
<SCRIPT>document.write('wordwrapbreakword.style.wordWrap='+wordwrapbreakword.style.wordWrap)</SCRIPT>