最終更新日

border-widthプロパティ

border-widthは、上下左右の罫線の太さをまとめて設定するプロパティです。値を4個指定した場合、4つの値は、上、右、下、左の罫線の種類をそれぞれ順に表します。

・値が3個の場合は、左右の罫線が同じ値を示す
・値が2個の場合は、上下、左右の罫線がそれぞれ同じ値を示す
・値が1個の場合は、上下左右の罫線がすべて同じ値を示す

CSS3での変更点
特にありません
初期値 適用先 継承
各プロパティの初期値 すべての要素 なし
説明 表示例
数値 罫線の太さを「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;
参考文献:CSS Backgrounds and Borders Module Level 3外部リンク
HOME