CSS border-color プロパティ

4 ボーダーの色を設定します：

p {
border-style: solid;
border-color: #ff0000 #0000ff;
}

定義と用法

border-color プロパティは、要素の 4 ボーダーの色を設定します。このプロパティは、 1～4 つの値を指定することができます。

例：

注: 常に、border-colorプロパティの前でborder-styleプロパティを宣言してください。色を変更する前に、要素にはボーダーがなければなりません。

デフォルト値：	要素の現在の色
継承：	継承する
アニメーション可否：	可。animatable を参照 Try it
バージョン：	CSS1
JavaScript 構文：	object.style.borderColor="#FF0000 blue" Try it

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
border-color	1.0	4.0	1.0	1.0	3.5

注: Internet Explorer 6以前のバージョンは、プロパティ値"transparent"をサポートしていません。

border-color: color|transparent|initial|inherit;

値	説明	Play it
color	背景色を指定します。指定可能な色値の完全なリストについては、 CSSの色値を参照してください。デフォルトの色は黒です	Play it ❯
transparent	ボーダーの色を透明に指定します	Play it ❯
initial	プロパティにデフォルト値を設定します。initial を参照	Play it ❯
inherit	このプロパティは親要素を継承します。inherit を参照