border-top-color, border-right-color, border-bottom-color, border-left-color
- ブラウザ
上下左右の境界線の色
border-top-color: 値;
border-right-color: 値;
border-bottom-color: 値;
border-left-color: 値;
上下左右の境界線の色を個別に指定するプロパティです。
border-top-color: #ff0000;
border-right-color: #00ff00;
border-bottom-color: #0000ff;
border-left-color: #000000;
| プロパティ名 | 値 | 説明 |
|---|---|---|
| border-top-color （上）
border-right-color （右） border-bottom-color （下） border-left-color （左） |
色 | 色のコードまたはネーム （初期値はcolorプロパティの値） |
| transparent | 透明 |
- 「transparent」を指定した場合でも、境界線の幅は確保されます。
- IE 6以下では、「transparent」の指定に対応していないようです。
.example {
border-width: 2px;
border-top-color: #ff0000;
border-right-color: #00ff00;
border-bottom-color: #0000ff;
border-left-color: #000000;
border-style: solid;
}
