CSS3 word-break Property


Example

Break words between any two letters:

p.test {
    word-break: break-all;
}

Try it yourself »

Definition and Usage

The word-break property specifies line breaking rules for non-CJK scripts.

Tip: CJK scripts are Chinese, Japanese and Korean ("CJK") scripts.

Default value: normal
Inherited: yes
Animatable: no. Read about animatable
Version: CSS3
JavaScript syntax: object.style.wordBreak="break-all" Try it


Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
word-break  4.0 5.5 15.0 3.1 15.0 


CSS Syntax

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

Property Values

Value Description
normal Default value. Break words according to their usual rules
break-all Lines may break between any two letters
keep-all  Breaks are prohibited between pairs of letters
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit



Color Picker

colorpicker