Definition and Usage
The word-break CSS property is used to specify how (or if) to break lines within words.
- Initial normal
- Applies to all elements
- Inherited yes
- Media visual
- Computed Value as specified
- Animatable no
- Canonical order the 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) |
