overflow-wrap

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

CSS Level

CSS 3

상속

예

기본값

normal

사용법

overflow-wrap: break-word;

속성

normal

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

break-word

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

overflow

요소의 내용이 요소의 크기보다 많을 경우에 처리하는 방식을 지정합니다. 블록 컨테이너 요소인 때에만 적용할 수 있습니다.

CSS Level

CSS 2

상속

아니오

기본값

visible

사용법

overflow: scroll;

object.style.overflow = "scroll"

속성

visible

요소의 내용이 잘리지 않고 요소 바깥에 모두 표시 됩니다.

hidden

요소의 내용이 잘려서 표시되지 않습니다.

scroll

요소의 내용이 잘려서 표시되지만 스크롤바가 항상 표시됩니다.

auto

요소의 내용이 많아서 잘리게 되는 경우에만 스크롤바가 표시됩니다.

overflow-style

지정된 크기보다 내용이 많아서 넘쳐나는(overflow) 요소의 표현방식을 지정합니다. 블록 컨테이너 요소에만 적용됩니다.

CSS Level

CSS 3

상속

예

기본값

auto

사용법

overflow-style: marquee-line;

속성

auto

브라우저에서 지정된 방식대로 표현합니다. 움직이는 글자로 표현되거나 스크롤바로 표현될 수 있습니다.

marquee-line

컨텐트가 수평 방향으로 움직입니다.

marquee-block

컨텐트가 수직 방향으로 움직입니다.