The word-break CSS property is used to specify whether to break lines within words.

Syntax

/* Keyword values */
word-break: normal; 
word-break: break-all; 
word-break: keep-all;

/* Global values */
word-break: inherit;
word-break: initial;
word-break: unset;

Values

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 the same as for normal.

Formal syntax

normal | break-all | keep-all

Examples

FIXME:

Specifications

Specification Status Comment
CSS Text Level 3
The definition of 'word-break' in that specification.
Working Draft Initial definition

Browser compatibility

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 123782) 15.0 (15.0) 5.5 Not supported Unimplemented (see WebKit bug 123782)
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) 18.0 15.0 (15.0) ? Not supported ?
keep-all Unimplemented (see WebKit bug 123782) Unimplemented (see WebKit bug 123782) 15.0 (15.0) ? Not supported Unimplemented (see WebKit bug 123782)
  • IE8 introduced -ms-word-break as a synonym for word-break. Don't use the -ms- prefix.
  • WebKit Nightly(Bug 123782) now support the keep-all value.

See also

Document Tags and Contributors

Last updated by: Sebastianz,
Hide Sidebar