내용이 모체 용기 범위을 벋어나면 단어를 잘라 다음 줄에 표시할 것인가를 반환하거나 설정한다.
| normal | 디폴트이며, 내용이 용기의 테두리를 벋어날 수 있다. |
| break-word | 필요한 경우에 내용이 용기를 벋어나면 줄바꿈하여 다음 줄에 표현된다. |
이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 normal이다.
CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.
이 속성은 배치(layout)를 갖는 엘레멘트에 적용된다. 엘레멘트가 position 속성값 absolute를 가지면 블럭 엘레멘트이고, 지정된 높이와 너비를 갖는 아니면 인라인 엘레멘트이다.
| 개체 | script | CSS | IE 버전 |
|---|
이 속성은 CSS(Cascading Style Sheets)에 Microsoft가 확장한 것이다.
wordWrap 속성값 normal과 break-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>