枠線の太さを個別指定 【border-top-width、border-bottom-width、border-left-width、border-right-width】
ブラウザで表示した時の見え方
Beautiful Rose
ソースサンプル
【CSS】
h2 {
border-left-color: #ff9900;
border-left-width: 10px;
border-left-style: solid;
padding-left: 5px;
font-family: Courier
}
【HTML】
<h2>Beautiful Rose</h2>
[
黒※説明中のタグ
紫※省略可能なタグ
赤※変更可能
緑※文章など
]
解説
- 数値を0にした辺は表示されません。また、負の数を指定することは出来ません。
| オプション |
| px（ピクセル） | 太さを指定する | border-top-width: 1px |
| thin | 細い線を指定する | border-top-width: thin |
| medium | 中くらいの線を指定する | border-top-width: medium |
| thick | 太い線を指定する | border-top-width: thick |
| 値 | 機能 | 例 |
AICHAN WEB(Z)
>
HTML＆CSSサンプル集(S)
>
枠線の太さを個別指定