반응형
CSS3 word-break Property
Break words at an appropriate hyphenation point:
|
Syntax
word-break: normal|break-all|hyphenate; |
| Value | Description |
|---|---|
| normal | Breaks non-CJK scripts according to their own rules |
| break-all | Lines may break between any two characters for non-CJK scripts |
| hyphenate | Words may be broken at an appropriate hyphenation point |
CSS white-space Property
Specify that the text in paragraphs will never wrap:
ex) http://www.w3schools.com/cssref/playit.asp?filename=playcss_white-space
|
| Value | Description |
|---|---|
| normal | Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary. This is default |
| nowrap | Sequences of whitespace will collapse into a single whitespace. Text will never wrap to the next line. The text continues on the same line until a <br /> tag is encountered |
| pre | Whitespace is preserved by the browser. Text will only wrap on line breaks Acts like the <pre> tag in HTML |
| pre-line | Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary, and on line breaks |
| pre-wrap | Whitespace is preserved by the browser. Text will wrap when necessary, and on line breaks |
| inherit | Specifies that the value of the white-space property should be inherited from the parent element |
반응형
'프로그래밍 > Style & Design' 카테고리의 다른 글
| CSS, JS 모음 사이트 (0) | 2012.08.14 |
|---|---|
| http://shinydemos.com/ - 오페라에서 만든 웹표준 데모 (0) | 2012.08.10 |
| 초간단 인포그래픽 만들기 ‘GOOD LABS’ 굿랩스(http://labs.good.is) (0) | 2012.04.27 |
| Safari Reader - 사파리 읽기도구 (0) | 2012.04.26 |
| http://css-infos.net/ CSS 정보 (0) | 2012.03.28 |
