Style.borderColorプロパティは、要素の境界線の色の設定に使用されます。
スタイルのボーダーカラーの属性は、要素の枠の色を設定します。
div、p、span などの境界線をもつ要素には境界線の色を変更できる borderColor 属性を利用できます。
borderColorプロパティには以下の値を指定できます。
- 個別の色の値: 定義済みの色名または 16 進数値 (「red」または「#FF0000」など) が使用できます。
- それぞれの辺(上、右、下、左)の色を表す四つの色の値。
- 上部、左右と下部の、3 つのボーダーカラーです。
- 上下と左右の枠の色を表す2色の値。
以下は borderColor プロパティを使った例です。
var element = document.getElementById("myDiv");
element.style.borderColor = "red";
上述の例では、borderColor プロパティを設定することで、要素の枠線の色を赤色に設定しています。
ボーダーの色を設定するにはborderColorプロパティだけを使用できますのでご注意ください。ボーダーのスタイルと幅を設定するには、borderStyleやborderWidthなどの他のプロパティを使用する必要があります。