border-color
解説
上下左右の線色をまとめて指定します。上下左右を異なった色にしたい場合には、スペースで区切り複数の値を指定します。値を1つ指定した場合は上下左右が指定色となります。値を2つ指定した場合は記述した順に上下、左右が指定色となります。値を3つ指定した場合は記述した順に上、左右、下、が指定色となります。値を4つ指定した場合は記述した順に上、右、下、左が指定色となります。
プロパティ情報
| 値： | 色またはtransparentを1つから4つの範囲で指定。 |
|---|---|
| 初期値： | 前景色（文字の色） |
| 適用対象： | 全ての要素 |
| 継承： | しない |
| パーセンテージ： | 不可 |
| 適用メディア： | 視覚 |
| レベル： | 1〜2（transparentは2から） |
参照
border border-color border-style border-width border-top border-top-color border-top-style border-top-width border-bottom border-bottom-color border-bottom-style border-bottom-width border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width
使用例
ソース
CSSの記述方法はスタイルシートってなに？も参照下さい。 p.sample1 {border-color: red yellow; border-style: solid;} p.sample2 {border-color: #0000ff #ff00ff #00ff00 ; border-style: solid;}
HTMLの記述方法 <p class="sample1">例１</p> <p class="sample2">例２</p>
表示結果
例１
例２
