<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-style</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 4 では 4 つすべてのボーダーに同じ値が適用されます。Internet Explorer と Netscape 6 では、1 ～ 4 つのボーダースタイルをスペースで区切って指定することができます。指定した値の数によって、割り当てたスタイルを適用する端が決まります。
</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-style: <span class="replaceable">borderStyle</span> {1,4}</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><p>Navigator 4 で適用できるのは 1 つのスタイル値のみです。Internet Explorer と Netscape 6 の場合、この属性には指定のスタイルを適用するボーダーの数と種類によって、1 ～ 4 つの <span class="replaceable">borderStyle</span> の値をスペースで区切って指定できます。値の数と位置は次の表のとおりに解釈されます。
</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>
						<table border="1"><tbody><tr><th>値の数</th><th>効果</th></tr>
								<tr><td>1</td><td>4 つすべてのボーダーに同じ値が設定される</td>
								</tr>
								<tr><td>2</td><td>上下のボーダーに最初の値が設定され、左右のボーダーに 2 番目の値が設定される
</td>
								</tr>
								<tr><td>3</td><td>上のボーダーに最初の値が設定され、左右のボーダーに 2 番目の値が設定され、下のボーダーに 3 つ目の値が設定される
</td>
								</tr>
								<tr><td>4</td><td>上、右、下、左のボーダーがこの順番で設定される</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>h1 {border-style: ridge; border-width: 3px}
div {border-style: solid double; border-width: 4px}</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>すべての要素。ただし、Windows 版 IE 4 および 5 ではブロック要素と置換された要素のみ
</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.borderStyle</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>