最終更新日
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;