CSS overflow-wrap 속성

정의와 사용법

overflow-wrap 속성이 긴 단어가 컨테이너를 벗어났을 때 브라우저가 줄 바꿈할 수 있는지 지정합니다。

브라우저가 긴 단어가 컨테이너를 벗어났을 때 줄 바꿈할 수 있도록 허용합니다:

div {
  overflow-wrap: break-word;
}

overflow-wrap: normal|anywhere|break-word|initial|inherit;

값	설명
normal	어떤 단어가 컨테이너를 벗어나더라도 줄 바꿈하지 않습니다. 기본 값.
어디서든	어떤 단어가 컨테이너를 벗어나면 그 단어를 줄 바꿈합니다。
break-word	어떤 단어가 컨테이너를 벗어나면 그 단어를 줄 바꿈합니다。
initial	이 속성을 기본 값으로 설정합니다. 참고: initial。
inherit	이 속성을 부모 요소에서 상속합니다. 참고: inherit。

기본 값:	normal
상속성:	네
애니메이션 제작:	지원하지 않습니다. 참고:애니메이션 관련 속성。
버전:	CSS3
JavaScript 문법:	object.style.overflowWrap="normal"

표格에 표시된 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다。

크롬	에지	파이어폭스	사파리	오페라
23.0	18.0	49.0	6.1	6.1