CSS | IE/Edge | Firefox | Chrome | Opera | Safari |
---|---|---|---|---|---|
CSS1 | 4 | 1 | 1 | 3.5 | 1 |
ボーダーラインの色を指定します。
値 | 説明 |
---|---|
<color> | 線の色を指定します。 |
値を 4つ指定した場合、それぞれは、上、右、下、左に適用されます。左を省略すると右と同じ値になります。下を省略すると上の同じ値になります。右を省略すると上と同じ値になります。
border-color: red; /* 上:red、右:red、下:red、左:red */ border-color: red blue; /* 上:red、右:blue、下:red、左:blue */ border-color: red blue green; /* 上:red、右:blue、下:green、左:blue */ border-color: red blue green yellow; /* 上:red、右:blue、下:green、左:yellow */
.sample { border-color: red; border-style: solid; border-width: 3px; height: 32px; width: 120px; }
<div class="sample"></div>