枠線の太さを設定するには、 border-???-widthプロパティを設定します。
pre> border-top-width: 上の枠線の太さ border-bottom-width: 下の枠線の太さ border-left-width: 左の枠線の太さ border-right-width: 右の枠線の太さ border-width: 上下左右の枠線の太さ /pre>
pre> border-top-width: 上の枠線の太さ border-bottom-width: 下の枠線の太さ border-left-width: 左の枠線の太さ border-right-width: 右の枠線の太さ border-width: 上下左右の枠線の太さ
/pre>
太さには、次の設定ができます。
border-widthプロパティを使えば、 上下左右の枠線の太さを一度に指定できます。 その場合は、値を半角スペースで区切ります。 値の個数によって、次のように枠線が設定されます。
pre> h1{ COLOR(red):border-width: COLOR(blue):1px 2px 1px 8px; } h2{ COLOR(red):border-left-width: COLOR(blue):10px; COLOR(red):border-right-width: COLOR(blue):0; } /pre>
pre> h1{
COLOR(red):border-width: COLOR(blue):1px 2px 1px 8px;
} h2{
COLOR(red):border-left-width: COLOR(blue):10px; COLOR(red):border-right-width: COLOR(blue):0;
}
次へ進んでください。