Definition and Usage
The word-break CSS property is used to specify how (or if) to break lines within words.
- Initialnormal
- Applies toall elements
- Inheritedyes
- Mediavisual
- Computed Valueas specified
- Animatableno
- Canonical orderthe unique non-ambiguous order defined by the formal grammar
Syntax
Formal syntax: normal | break-all | keep-all
word-break: normal
word-break: break-all
word-break: keep-all
word-break: inherit
Value
normal- Use the default line break rule.
break-all- Word breaks may be inserted between any character for non-CJK (Chinese/Japanese/Korean) text.
keep-all- Don’t allow word breaks for CJK text. Non-CJK text behavior is same as
normal.
Compatibility
Desktop browsers
| Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari |
| Basic support |
1.0 |
15.0 (15.0) |
5.5 |
Not supported |
(Yes) |
keep-all |
Unimplemented (see WebKit bug 43917) |
15.0 (15.0) |
5.5 |
Not supported |
Unimplemented (see WebKit bug 43917) |
Mobile browsers
| Feature |
Android |
Chrome for Android |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mobile |
Safari Mobile |
| Basic support |
(Yes) |
18.0 |
15.0 (15.0) |
NA |
Not supported |
NA |
keep-all |
Unimplemented (see WebKit bug 43917) |
Unimplemented (see WebKit bug 43917) |
15.0 (15.0) |
NA |
Not supported |
Unimplemented (see WebKit bug 43917) |
