word-break property CSS Reference



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)

Relative articles