word-break property
Author admin Reading 1 min Views 459 Published by Modified by
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) |
