最終更新日 ![]()
border-widthは、上下左右の罫線の太さをまとめて設定するプロパティです。値を4個指定した場合、4つの値は、上、右、下、左の罫線の種類をそれぞれ順に表します。
・値が3個の場合は、左右の罫線が同じ値を示す
・値が2個の場合は、上下、左右の罫線がそれぞれ同じ値を示す
・値が1個の場合は、上下左右の罫線がすべて同じ値を示す
| 初期値 | 適用先 | 継承 |
|---|---|---|
| 各プロパティの初期値 | すべての要素 | なし |
| 値 | 説明 | 表示例 |
|---|---|---|
| 数値 | 罫線の太さを「px」や「em」などで指定します。 | 2px |
| thin | 細い | thin |
| medium | 中くらい(初期値) | medium |
| thick | 太い | thick |
border-width: 2px; border-width: 2px 2px; border-width: 2px 2px 2px; border-width: 2px 2px 2px 2px;