border-color
- ブラウザ
境界線の色をまとめて指定
border-color: 値;
上下左右の境界線の色を一括で指定するプロパティです。
border-color: #ff0000 #00ff00 #0000ff #000000;
| プロパティ名 | 値 | 説明 |
|---|---|---|
| border-color | 色 | 色のコードまたはネーム |
| transparent | 透明 |
- 上下左右の境界線の色を、1〜4つの値で指定することができます。2つ以上の値で指定する場合は、半角スペースで区切って記述します。
- 「transparent」を指定した場合でも、境界線の幅は確保されます。
- IE 6以下では、「transparent」の指定に対応していないようです。
値の指定例
- #ff0000 … ［上下左右］ を指定
- #ff0000 #00ff00 … ［上下］ と ［左右］ を指定
- #ff0000 #00ff00 #0000ff … ［上］ と ［左右］ と ［下］ を指定
- #ff0000 #00ff00 #0000ff #000000 … ［上］ と ［右］ と ［下］ と ［左］ を指定
.example {
border-width: 2px;
border-color: #ff0000 transparent #00ff00;
border-style: solid;
}
