CSS word-break property


CSS word-break property represents soft wrap opportunities between letters or words when inline content flows to the next line.


word-break : normal | keep-all | break-all

Property values


normal value allows the inline content to break at spaces between words.

word-break: normal;


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.

word-break: break-all;


Breaking is not allowed within words. It allows soft wrap opportunities between typographic character units such as numbers, alphabets.

word-break: keep-all;

Applicable to

It applies to inline boxes e.g. the text content within block-level element..

#CSS digger
Was this article helpful?

这是一些汉字 and some Latin و کمی خط عربی และตัวอย่างการเขียนภาษาไทย