CSS word-break property
Browser support · legacy reference
ChromeFully supports
SafariFully supports
FirefoxFully supports
Internet ExplorerFully supports
EdgeFully supports
OperaFully supports
Description
CSS word-break property represents soft wrap opportunities between letters or words when inline content flows to the next line.
Syntax
word-break : normal | keep-all | break-all
Property values
normalDefault
-
normal value allows the inline content to break at spaces between words.
- Try it
word-break: normal; break-all
-
break-all adds soft wrap opportunities between letters in addition to the words i.e. it breaks the words to flow to the next line.
- Try it
word-break: break-all; keep-all
-
Breaking is not allowed within words. It allows soft wrap opportunities between typographic character units such as numbers, alphabets.
- Try it
word-break: keep-all;
Applicable to
It applies to inline boxes e.g. the text content within block-level element..