coderef

word-break: break-wordLimited availability

The word-break: break-word CSS declaration sets word breaks to occur according to their customary rules.

Not yet supported in all major browsers — check the table and provide a fallback.

Discouraged: The overflow-wrap: anywhere CSS declaration supersedes word-break: break-word. Use instead: overflow-wrap

How to use ↓Compare browsers

Browser support

DesktopChrome
1+Supportedsince Dec 11, 2008
Current: 155
Edge
12+Supportedsince Jul 29, 2015
Current: 154
Firefox
1–66Not supported
67+Supportedsince May 21, 2019
Current: 157
Safari
1–2Not supported
3+Supportedsince Oct 26, 2007
Current: 27
MobileChrome Android
18+Supportedsince Jun 27, 2012
Current: 155
Firefox Android
4–66Not supported
67+Supportedsince May 21, 2019
Current: 157
Safari iOS
1–1Not supported
2+Supportedsince Jul 11, 2008
Current: 27

How to use

Support is still inconsistent across browsers. Use feature detection and test carefully.

Example

Full syntax and examples are on MDN — see the links below.

Feature detection

CSS · check before using
@supports (word-break: break-word) {
  /* styles that rely on word-break: break-word */
}

/* or in JavaScript */
if (CSS.supports("word-break", "break-word")) {
  // use it
}

Specification