境界線幅(border Width)

border-widthとは、ボーダーの太さを指定するためのプロパティです。

数値に単位をつけて指定します。

値がひとつだけのときには上下左右の各ボーダーを同じ太さで描画しますが、値の数によって上下と左右のそれぞれに同じ太さを指定したり、左右のみに同じ太さを指定したり、あるいは全てのボーダーに異なる太さを指定できます。

なお、ボーダーの太さにマイナス を指定することはできません。

Functional list
書式 border-width: <value:値>
[ thin | medium | thick | <length> ]{1,4}
初期値 未定義
適用要素 全ての要素
継承性 不可

border-widthプロパティーは一から四つまでの値を特定して要素の境界線幅を設定するのに使い、各値はキーワードまたは lengthです。

負の長さは許されません。

四つの値が与えられたら、それぞれ上部・右側・下部・左側境界線幅に適用されます。

一つの値なら、それが全ての側面に当てはめられます。

二つか三つが与えられているなら、記載ない値は反対側の値から取られます。

このプロパティーは、border-top-width・border-right-width・border-bottom-widthそして border-left-widthプロパティー用の短縮型です。

短縮型プロパティーborderも使います。

戻る