border-width
- ブラウザ
境界線の太さをまとめて指定
border-width: 値;
上下左右の境界線の太さを一括で指定するプロパティです。
border-width: 2px 4px 6px 8px;
| プロパティ名 | 値 | 説明 |
|---|---|---|
| border-width | 長さ | 数値+単位（px 等） |
| thin | 細い線 | |
| medium | 中間の太さ | |
| thick | 太い線 |
- 上下左右の境界線の太さを、1〜4つの値で指定することができます。2つ以上の値で指定する場合は、半角スペースで区切って記述します。
値の指定例
- 2px … ［上下左右］ を指定
- 2px 4px … ［上下］ と ［左右］ を指定
- 2px 4px 6px … ［上］ と ［左右］ と ［下］ を指定
- 2px 4px 6px 8px … ［上］ と ［右］ と ［下］ と ［左］ を指定
.example {
border-width: thick medium;
border-color: #c0c0c0;
border-style: solid;
}
