Home / 枠線の色の指定 / 上下左右の枠線の色をまとめて指定 : border-color

上下左右の枠線の色をまとめて指定 : border-color

::: 書 式 :::
border-color: 上側の枠線色 右側の枠線色 下側の枠線色 左側の枠線色

::: プロパティ値 :::
枠線の色を指定します。 => 「色の指定 」を参照。

::: 解 説 :::
border-color」プロパティで、上下左右の枠線の色を一度に設定できます。

それぞれの値を半角スペースで区切ります。

また、指定した値の個数により、下記のように枠線の色が設定されます。

・値が1つの場合: @上下左右の枠線色
・値が2つの場合: @上下の枠線色 A左右の枠線色
・値が3つの場合: @上側枠線色 A左右の枠線色 B下側枠線色
・値が4つの場合: @上側枠線色 A右側枠線色 B下側枠線色 C左側枠線色

::: 対応ブラウザ :::
IE Firefox Opera Chrome Safari
8 7 6 5.5 5 3.5 3 2 1.5 1 10 9 8 7 6 2 1 4 3 2 1
[ 対応状況 : ○=対応、△=一部対応、×=未対応 ]

::: サンプル ::: [ サンプル画面 スタイルシート(CSS)サンプル画面 ]


関連項目