object.style.wordWrap = sWordWrapMode;

where sWordWrapMode is one of two options:

• none

• break-word

LongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWord

<P ID="longWord" STYLE="word-wrap:break-word; width:100%; left:0">
LongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWor
dLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWo
rdLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongW
ordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLong
WordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLon
gWordLongWordLongWordLongWordLongWordLongWordLongWord
</P>
<A HREF="javascript:void(longWord.style.wordWrap='normal')">One Word</A>
<A HREF="javascript:void(longWord.style.wordWrap='break-word')">Multi-Line</A>

The wordWrap property applies only to elements that have layout. An element has layout when it is absolutely positioned, is a block element, or is an inline element with a specified height or width. Notice the width specification above to make it an element with layout. The links themselves are straight-forward. You just change the wordWrap property to the desired value. Notice the usage of void() above. It is necessary to avoid overwriting of the page with the return value from the javascript: call, which is the property assignment value (normal or break-word).

People who read this tip also read these tips:

• HTML Components
• Sequencing Elements Indefinitely
• Coloring the Scrollbar's Dark Shadows
• Turning Transparency On and Off
• Overlapping Frames