<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-width</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>簡略化するための属性で、要素のボーダー全体の幅を同じ幅または異なる幅に設定することができます。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-width: thin | medium | thick | <span class="replaceable">length</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>3 つの定数値 <span class="literal">thin</span>、<span class="literal">medium</span>、または <span class="literal">thick</span> でブラウザがボーダーの表示に使用するピクセル数を定義します。さらに、長さを設定して指定をより正確にすることも可能です。詳しくは本章の始めにある length の値についての説明を参照してください。
</p><p>この属性には指定のスタイルを適用するボーダーの数と種類によって、1 ～ 4 つの <span class="replaceable">borderWidth</span> の値をスペースで区切って指定できます。値の数と位置は次のように解釈されます。
</p>
						<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">medium</span> (IE、NN 6)、<span class="literal">0</span> (NN 4)</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 5px 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.borderWidth</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>