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


Formal syntax: normal | break-all | keep-all
word-break: normal
word-break: break-all
word-break: keep-all
word-break: inherit


Use the default line break rule.
Word breaks may be inserted between any character for non-CJK (Chinese/Japanese/Korean) text.
Don't allow word breaks for CJK text.  Non-CJK text behavior is same as normal.


Desktop browsers

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support1.015.0 (15.0)5.5Not supported(Yes)
keep-allUnimplemented (see WebKit bug 43917)15.0 (15.0)5.5Not supportedUnimplemented (see WebKit bug 43917)

Mobile browsers

FeatureAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support(Yes)18.015.0 (15.0)NANot supportedNA
keep-allUnimplemented (see WebKit bug 43917)Unimplemented (see WebKit bug 43917)15.0 (15.0)NANot supportedUnimplemented (see WebKit bug 43917)

Relative articles