Property Description

The word-break property specifies the line breaking rules for non-CJK scripts. CJK scripts are Chinese, Japanese and Korean scripts.

This property has the following syntax:

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

Property Values

Value	Description
normal	(default) Breaks non-CJK scripts according to their own rules
break-all	Lines may break between any two characters for non-CJK scripts
keep-all	Specifies that breaks are prohibited between pairs of letters
initial	Specifies that the value of the property should be set to the default value
inherit	Specifies that the value of the property should be inherited from the parent element

Examples

The following example shows the basic use of this property:

p.p1
{
  width: 11em;
  border: 1px solid #000000;
  word-break: hyphenate;
}

p.p2
{
  width: 11em;
  border: 1px solid #000000;
  word-break: break-all;
}

<p class="p1">
  This paragraph contains some text. This line will-break-at-hyphens.</p>
<p class="p2">
  This paragraph contains some text: The lines will break at any character.</p> 

This produces the following result:

Browser Support

Chrome	Firefox	IE	Safari	Opera
4.0	15.0	5.5	3.1	15.0

Miscellaneous Information

Inherited:	Yes
Defined In:	CSS3
Default Value:	normal