<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">border-bottom-style、border-left-style、border-right-style、border-top-style</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> CSS <span class="emphasis">2</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>各属性で要素のボーダーのラインスタイルを個別に設定します。ボーダー専用の属性を使用して、<span class="literal">border</span> 属性や <span class="literal">border-style</span> 属性で 4 つすべてのボーダーに適用されたスタイルを上書きできますが、この設定はスタイルシート規則のソースコード順序では他の設定の後にする必要があります。1 度にボーダー全体のスタイルを設定するには <span class="literal">border-style</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>border-bottom-style: <span class="replaceable">style</span>
border-left-style: <span class="replaceable">style</span>
border-right-style: <span class="replaceable">style</span>
border-top-style: <span class="replaceable">style</span></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>スタイル値はボーダーラインを表示する特殊な方法に関連付けられている定数値です。ブラウザのバージョンによっては CSS が推奨するすべての値を認識しないものもあります。次の表に、スタイルのサポートを示します。
</p><p>ブラウザがスタイル値の定義を解釈する方法は、ブラウザによって異なります。下表に、Windows 版 Internet Explorer 6、Macintosh 版 Explorer 5、および Netscape 6 で表示されるすべてのスタイルを示します。すべてのブラウザで同じように表示されるとは限りません。
</p>
						<table border="1"><tbody><tr><th>値</th><th>NN</th><th>Windows 版 IE</th><th>Macintosh 版 IE</th><th>CSS</th></tr>
								<tr><td>dashed</td><td>6</td><td>5.5</td><td>4</td><td>1</td>
								</tr>
								<tr><td>dotted</td><td>6</td><td>5.5</td><td>4</td><td>1</td>
								</tr>
								<tr><td>double</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>groove</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>hidden</td><td>6</td><td>なし</td><td>4</td><td>2</td>
								</tr>
								<tr><td>inset</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>none</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>outset</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>ridge</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
								<tr><td>solid</td><td>4</td><td>4</td><td>4</td><td>1</td>
								</tr>
							</tbody></table>
					</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>p {border-style: solid; border-bottom-style: none}
div {border-left-style: ridge}</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.borderBottomStyle
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderLeftStyle
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderRightStyle
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.borderTopStyle</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>