border-widthの解説|クロノドライブのCSS辞典

border-width

対応ブラウザ Internet Explorer 4~ / Firefox 1~ / Google Chrome 1~ / Safari 1~ / Opera 3.5~
初期値 medium 継承 しない
適用可能な要素 すべて
用例
.style {
  border-width: 1px 2px 3px 4px;
}

border-widthとは

border-widthとは上下左右のボーダーラインの太さを、まとめて指定するプロパティです。
以下の値で指定します。

長さ
ボーダーラインの太さを数値+単位(px, pt, emなど)で指定します。
※ただし、%は指定できません。
thin
ボーダーラインを細い線に指定します。
medium(初期値)
ボーダーラインを中程度の太さに指定します。
thick
ボーダーラインを太い線に指定します。

4つ値を指定する場合は上 右 下 左の時計回りの順、
3つ値を指定する場合は上 左右 下の順、
2つ値を指定する場合は上下 左右の順、
1つだけ指定する場合は上下左右を一括で指定することになります。