プロパティ名 | 値 | 説明 | 適用対象 | 継承 |
---|---|---|---|---|
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を利用すると、上下左右の枠線の太さを一度に設定することができます。
値を半角スペースで区切って指定しますが、与えられた値の個数によって、上記のように枠線の太さが設定されます。
各、上の枠線,下の枠線,左の枠線,右の枠線,上下左右の枠線を設定します。値には、thin,medium,thick又は、数値にpx,%,em等の単位を付けて指定します。border-widthを利用すると、上下左右の枠線の太さを一度に設定することができます。
値を半角スペースで区切って指定しますが、与えられた値の個数によって、上記のように枠線の太さが設定されます。
サンプルソース
"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>
<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>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"