word-wrap

word-wrap 속성은 줄바꿈을 설정합니다.

Summary

특징	설명
기본 값	normal
상속	가능
애니메이션	안됨
버전	CSS3

Definition

• word-wrap 속성은 줄바꿈을 설정합니다.
• 문장이 길어지면 줄바꿈은 자동으로 이루어집니다. 하지만 그렇지 않은 경우가 있습니다. 한글은 해당되지 않으며, 의미가 없는 단어나, 의미가 없는 주소 같은 경우는 줄바꿈이 일어나지 않습니다. 이럴 때 word-wrap을 사용합니다.
• 문장이 길어지면 줄바꿈을 어떻게 할지 선택하는 word-break와 비교합니다.

Syntax

word-wrap : normal | break-word | inherit;

Property

속성 값	설명
normal	word-wrap 속성의 기본 값입니다.
break-word	줄바꿈을 합니다.
inherit	word-wrap의 값을 상위요소한테 상속받습니다.

Compatibility

							6	7	8	9	10	11
word-wrap

Sample

"The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice.”

그리드 시스템은 디자인 결과를 보장하는 것이 아니라, 각기 다른 디자이너들이 자신만의 개성 있는 스타일에 적합한 해결책을 찾을 수 있도록 객관적인 방법을 제공합니다. 그리드 시스템을 활용하려면, 그리드를 사용하는 방법을 배우려고 노력해야 합니다. 그리드 연습이 필요한 예술이기 때문입니다.

ckjslkdjfsdlkfjlksdjflksdjflksdjflksdjflksdjfklsjdklfjsdklfmvklmskldmfklfjsfklsjdklfjsdklfmvklmskldmfklfjsdlfjslkdjfklsdmcklsdjclksdjclksdjclksjdclkckjslkdjfsdlkfjlksdjflksdjflksdjflksdjflksdjfklsjdklfjsdklfmvklmskldmfklfjsfklsjdklfjsdklfmvklmskldmfklfjsdlfjslkdjfklsdmcklsdjclksdjclksdjclksjdclk

word-wrap : break-word;
word-wrap : normal;