CSS Reference Manual

CSS @rules (RULES)

Complete List of CSS Attributes

CSS word-spacing attribute CSS width Attribute

CSS3 word-size attribute

word-Break attribute usage and example

The break CSS attribute is used to specify how to wrap within words.

The following table provides usage instructions and version history for this attribute, as well as its usage syntax in JavaScript scripts.	normal
Default value:	Applicable to:
All elements	Inheritance:
Yes	Can be animated:No. Animation properties.
Version:	CSS3new feature
JavaScript syntax:	object.style.wordBreak="break-all"

word-break usage syntax

The syntax of this attribute is as follows:

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

The following examples demonstrate how to use word-break attribute.

Example

　　p　{
　　　width:　150px;
　　　background:　#90ee90;
　　　word-break:　break-all;
　　}

Test and see‹/›

Attribute values

The following table describes the values of this attribute.

Value	Description
normal	Words are wrapped according to their usual rules.
break-all	Allow wrapping within words.
keep-all	Prevent spaces between paired letters. Can only be wrapped at half-width spaces or hyphens.
initial	Set this property to its default value.
inherit	If specified, the associated elements will adopt the word of their parent element.-Break attribute values.

Browser compatibility

word-Browser compatibility of the break attribute; the numbers in the table below indicate the minimum browser version that supports this attribute; all mainstream browsers support this attribute.

	Firefox 15+ Google Chrome4+ Internet Explorer 5.5Above Apple Safari 3.1+ Opera 15+

Please refer to the following tutorials:CSS Text.

Related properties:word-wrap,white-space,text-overflow.