Text-Justify, Volume, and Other Style Sheet Properties - Word-break

(Page 5 of 6 )

word-break
IE 5(Win) NN n/a Moz all Saf all Op all CSS n/a

Inherited: No

Controls the word-break style for ideographic languages or content that mixes Latin and ideographic languages.

CSS Syntax

word-break: breakType

Value                   One of the following constant values: break-all | keep-all | normal.

Initial Value         normal

Example               div {word-break: keep-all}

Applies To            Block-level and table-related elements .

Object Model Reference

[window.]document.getElementById("elementID").style.wordBreak

word-spacing
IE 4(Mac)/6(Win) NN n/a Moz all Saf all Op all CSS 1

Inherited: Yes

Sets the spacing between words when the text is not under external word-spacing constraints (e.g., an align property set to justify ). IE 5 for Macintosh may exhibit overlap problems with the word-spacing of elements nested inside the one being controlled.

CSS Syntax

word-spacing: length | normal

Value

A value of normal lets the browser handle word spacing according to its rendering calculations. See the discussion about length values at the beginning of this chapter.

Initial Value            normal

Applies To               All elements.

Object Model Reference

[window.]document.getElementById("elementID").style.wordSpacing

word-wrap
IE 5.5 NN n/a Moz n/a Saf 1.3/2 Op n/a CSS n/a

Inherited: Yes

Specifies word-wrapping style for block-level, specifically-sized inline, or positioned elements. If a single word (i.e., without any whitespace) extends beyond the width of the element containing box, the normal behavior is to extend the content beyond the normal box width, without breaking. But with the value of break-word , you can force the long word to break at whatever character position occurs at the edge of the box.

CSS Syntax

word-wrap: wrapStyle

Value                   One of the constant values: break-word | normal.

Initial Value         normal

Applies To            Block-level, sized inline, and positioned elements .

Object Model Reference

[window.]document.getElementById("elementID").style.wordWrap

Next: Writing-mode >>
 

More DHTML Articles
More By O'Reilly Media

Comments On: Text-Justify, Volume, and Other Style Sheet Properties

· This article is an excerpt from the book "Dynamic HTML: The Definitive Reference,...   >>> Post your comment now!

Buy this book...

This article is excerpted from chapter four of Dynamic HTML: The Definitive Reference, Third Edition, written by Danny Goodman (O'Reilly; ISBN: 0596527403). Check it out today at your favorite bookstore. Buy this book now.