<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="説明">
			<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">継承 : なし</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>要素のテキストコンテンツにアンダーライン、取り消し線、オーバーライン、点滅 (Navigator と CSS のみ) の修飾要素を追加します。複数の修飾スタイルを指定する場合は、値をスペースで区切ってリストとして指定します。一般的なブラウザでは、<span class="literal">blink</span> 設定が無視されます。Navigator 4 では、<span class="literal">overline</span> 修飾が認識されません。
</p><p>テキストの修飾は、親要素と子要素の関係が通常とは異なります。これらの値は継承されませんが、ネストされたアイテムの場合は修飾効果が受け継がれます。したがって、上書きしない限り、<span class="literal">p</span> 要素にアンダーラインが付いていると、その中にネストされた <span class="literal">span</span> 要素にもアンダーラインが付けられます。
</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 構文</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">値</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">none</span> と、次の 4 つの定数値のいずれかが指定できます : <span class="literal">blink</span> | <span class="literal">line-through</span> | <span class="literal">overline</span> | <span class="literal">underline</span>。ただし、<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">既定値</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">例</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">適用先</span></td>
				</tr>
				<tr>
					<td><p>すべての要素</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">オブジェクト参照</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>