<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">
<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">text-decoration</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span> IE <span class="emphasis">4</span> CSS <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Inherited: No</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Specifies additions to the text content of the element in the form of
underlines, strikethroughs, overlines, and (in Navigator and CSS)
blinking. You may specify more than one decoration style by supplying
values in a space-delimited list. Thankfully, mainstream browsers
ignore the <span class="literal">blink</span> setting. Navigator 4 does not
recognize the <span class="literal">overline</span> decoration.
</p><p>Text decoration has an unusual parent-child relationship. Values are
not inherited, but the effect of a decoration carries over to nested
items. Therefore, unless otherwise overridden, an underlined
<span class="literal">p</span> element underlines a nested
<span class="literal">span</span> element within, for example.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="csssyntax"><span class="title">CSS Syntax</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>text-decoration: <span class="replaceable">decorationStyle</span> | none</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>In addition to <span class="literal">none</span>, any of the following four
constants: <span class="literal">blink</span> | <span class="literal">line-through</span>
| <span class="literal">overline</span> | <span class="literal">underline</span>, but
browsers generally ignore <span class="literal">blink</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="initvalue"><span class="title">Initial Value</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">none</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>div.highlight {text-decoration: underline}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">Applies To</span></td>
				</tr>
				<tr>
					<td><p>All elements.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById("<span class="replaceable">elementID</span>").style.textDecoration
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.textDecorationBlink
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.textDecorationLineThrough
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.textDecorationNone
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.textDecorationOverLine
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.textDecorationUnderline</pre>
						</span></td>
				</tr>
			</table>
		</div>

</body>
</html>