プロパティ名説明適用対象継承
border-top-width:太さ上の枠線すべての要素なし
border-bottom-width:太さ下の枠線すべての要素なし
border-left-width:太さ左の枠線すべての要素なし
border-right-width:太さ右の枠線すべての要素なし
border-width:太さ上下左右の枠線すべての要素なし
  
説明
太さ単位付数値数値にpx,%,em等の単位を付けます
thin細い枠線
medium中くらいの枠線
thick太い枠線
border-width:枠線
border-width:値上下左右
border-width:値 値上下 左右
border-width:値 値 値上下 左右 下
border-width:値 値 値 値上 右 下 左
border-top-width, border-bottom-width, border-left-width, border-right-width, border-widthプロパティは、枠線の太さを設定します。
各、上の枠線,下の枠線,左の枠線,右の枠線,上下左右の枠線を設定します。値には、thin,medium,thick又は、数値px,%,em等の単位を付けて指定します。border-widthを利用すると、上下左右の枠線の太さを一度に設定することができます。
値を半角スペースで区切って指定しますが、与えられた値の個数によって、上記のように枠線の太さが設定されます。

box_sampl03.gif

サンプルソース
【CSS】 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <style type="text/css"> <!-- body{margin:0} p{text-align:center; font-size:1.0em; background-color:#FFD700; color:red; width:500px; margin-left:auto; margin-right:auto; border:solid black; } b{font-size:1.3em; color:black; } #sampl01{border-width: 1px;} #sampl02{border-width: thin;} #sampl03{border-width: medium;} #sampl04{border-width: thick; } #sampl05{border-width: 1em;} #sampl06{border-width: 2px 4px 6px 8px;} --> </style> </head> 【HTML】 <body> <p id="sampl01"><b>上下左右ボーダー 1px</b> 日光東照宮(にっこうとうしょうぐう)は栃木県日光市にある神社。江戸幕府初代将軍徳川家康を神格化した東照大権現を祀る。</p> <p id="sampl02"><b>上下左右ボーダー thin</b> 日光東照宮(にっこうとうしょうぐう)は栃木県日光市にある神社。江戸幕府初代将軍徳川家康を神格化した東照大権現を祀る。</p> <p id="sampl03"><b>上下左右ボーダー medium</b> 日光東照宮(にっこうとうしょうぐう)は栃木県日光市にある神社。江戸幕府初代将軍徳川家康を神格化した東照大権現を祀る。</p> <p id="sampl04"><b>上下左右ボーダー thick</b> 日光東照宮(にっこうとうしょうぐう)は栃木県日光市にある神社。江戸幕府初代将軍徳川家康を神格化した東照大権現を祀る。</p> <p id="sampl05"><b>上下左右ボーダー 1em</b> 日光東照宮(にっこうとうしょうぐう)は栃木県日光市にある神社。江戸幕府初代将軍徳川家康を神格化した東照大権現を祀る。</p> <p id="sampl06"><b>上ボーダー2px,右ボーダー4px,下ボーダー6px,左ボーダー8px</b> 日光東照宮(にっこうとうしょうぐう)は栃木県日光市にある神社。江戸幕府初代将軍徳川家康を神格化した東照大権現を祀る。</p> </body> </html>