border-width プロパティは、要素の 4 つのボーダーの幅を設定します。 このプロパティは、1 ～ 4 個の値を持つことができます。
例：
注: 常に border-width プロパティの前で、border-style プロパティを宣言してください。 色を変更する前に、要素にはボーダーがなければなりません。
| デフォルト値： | medium |
|---|---|
| 継承： | 継承する |
| アニメーション可否： | 可。animatable を参照 Try it |
| バージョン： | CSS1 |
| JavaScript 構文： | object.style.borderWidth="1px 5px" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
| プロパティ | |||||
|---|---|---|---|---|---|
| border-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
border-width: medium|thin|thick|length|initial|inherit;
| 値 | 説明 | Play it |
|---|---|---|
| medium | 中線のボーダーを指定します。これがデフォルトです | Play it ❯ |
| thin | 細線のボーダーを指定します | Play it ❯ |
| thick | 太線のボーダーを指定します | Play it ❯ |
| length | ボーダーの太さを定義可能にします | Play it ❯ |
| initial | プロパティにデフォルト値を設定します。initial を参照 | Play it ❯ |
| inherit | このプロパティは親要素を継承します。inherit を参照 |
CSS チュートリアル： CSS Border
HTML DOM リファレンス： borderWidth プロパティ