枠線の太さを一括指定 【border-width】
ブラウザで表示した時の見え方
Beautiful Rose
ソースサンプル
【CSS】
h2 {
border-color: #ff9900;
border-width: 0px 0px 2px 8px;
border-style: solid;
padding-left: 5px;
font-family: Courier
}
【HTML】
<h2>Beautiful Rose</h2>
[
黒※説明中のタグ
紫※省略可能なタグ
赤※変更可能
緑※文章など
]
解説
- 数値を0にした辺は表示されません。また、負の数を指定することは出来ません。
- 「0px 0px 2px 8px」と指定した場合、「上辺・右辺・下辺・左辺」の順に太さを指定することになります。
- 「1px 0px」と指定した場合には、「上下の辺・左右の辺」の順に太さを指定することになります。
- 「0px 2px 2px」と指定した場合には、「上の辺・左右の辺・下の辺」の順に太さを指定することになります。
AICHAN WEB(Z)
>
HTML＆CSSサンプル集(S)
>
枠線の太さを一括指定