| 属性名 |
border-top-color
border-right-color
border-bottom-color
border-left-color
|
|---|---|
| 値 | <color> |
| 初期値 | currentColor |
| 適用可能要素 | すべて |
| 継承 | 継承しない |
| メディア | visual |
| アニメーション | 可能 |
| CSS | IE/Edge | Firefox | Chrome | Opera | Safari |
|---|---|---|---|---|---|
| CSS1 | 4 | 1 | 1 | 3.5 | 1 |
上側、右側、下側、左側のボーダーラインの色を指定します。
| 値 | 説明 |
|---|---|
| <color> | 線の色を指定します。詳細は <color> を参照してください。 |
.sample {
border: 10px solid;
border-top-color: #993333;
border-right-color: #999933;
border-bottom-color: #333399;
border-left-color: #339933;
width: 80px;
height: 80px;
margin: 1em;
}
<div class="sample"></div>