The word-break CSS property is used to specify how (or if) to break lines within words for non CJK (Chinese, Japanese, Korean) scripts.

Syntax:

selector { 

         word-break: normal | break-all | keep-all | initial | inherit;

}

Values:

Following values are accepted by the word-wrap property:

  • normal; The default word break rule which leaves browser to decide how to break;
  • break-all; Word may break may between any characters for non-CJK text.
  • keep-all; Don’t allow word breaks between pairs of letters for CJK text.  Non-CJK text behavior is same as normal.
  • initial, inherit

Example

The word-break property example with browser prefixes:

 

›› go to examples ››