“border-color”プロパティ:境界線の色

概要

“border-color”プロパティは要素の境界線の色を指定する以下のプロパティの一括指定プロパティです。

• “border-top-color”プロパティ
• “border-right-color”プロパティ
• “border-bottom-color”プロパティ
• “border-left-color”プロパティ

サンプルコード

値

値の指定方法

値が1つの場合は4つすべての辺の境界線の色となります。

また、複数の値をホワイトスペースで区切って記述することができます。値の個数によってそれぞれの値が対応する辺が変わります。

• 2つの場合は1つ目の値が上下、2つ目の値が左右の辺に適用されます。
• 3つの場合は1つ目の値が上、2つ目の値が左右、3つ目の値が下の辺に適用されます。
• 4つの場合は1つ目の値が上、2つ目の値が右、3つ目の値が下、4つ目の値が左の辺に適用されます。

仕様書

定義されている仕様書

border-color

<color>

境界線の色を指定する

div {

border-style: solid;
border-width: 5px;
border-color: rgb(204,153,204);

}

border-color: rgb(204,153,204);