border-top-width, border-right-width, border-bottom-width, border-left-width
- ブラウザ
上下左右の境界線の太さ
border-top-width: 値;
border-right-width: 値;
border-bottom-width: 値;
border-left-width: 値;
上下左右の境界線の太さを個別に指定するプロパティです。
border-top-width: 2px;
border-right-width: 4px;
border-bottom-width: 6px;
border-left-width: 8px;
| プロパティ名 | 値 | 説明 |
|---|---|---|
| border-top-width （上）
border-right-width （右） border-bottom-width （下） border-left-width （左） |
長さ | 数値+単位（px 等） |
| thin | 細い線 | |
| medium | 中間の太さ （初期値） | |
| thick | 太い線 |
.example {
border-top-width: thick;
border-right-width: medium;
border-bottom-width: thin;
border-left-width: medium;
border-color: #c0c0c0;
border-style: solid;
}
