Style borderColor Property

4つのボーダーの色変更<div>赤の要素を：

document.getElementById("myDiv").style.borderColor = "red";

もっと"Try it Yourself"以下の例。

定義と使用法

BORDERCOLORプロパティセットまたは要素の境界線の色を返します。

このプロパティは、1から4つの値をとることができます。

一つの値、等：P {ボーダー色：赤} - すべての4つの境界が赤色になります
P {ボーダー色：赤透明}のような二つの値、 - 上部と下部境界は、赤色左と右の境界となり、透明になります
P {ボーダー色：レッド・グリーン青}のような三つの値、 - 上部境界は、境界が緑色になり、赤色左右になり、下の境界が青色になり
P：のような四つの値、{ボーダー色：黄、レッド・グリーン、青} - 上部境界が赤色になり、右側の境界線が緑色になり、下の境界が青色になり、左側の境界線は黄色になります

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

プロパティ
borderColor	1.0	4.0	1.0	1.0	3.5

BORDERCOLORプロパティを返します：

object .style.borderColor

BORDERCOLORプロパティを設定します。

object .style.borderColor=" プロパティ値

値	説明
color	境界線の色を指定します。見CSSカラー値の可能な色の値の完全なリストについて。デフォルトの色は黒です
transparent	境界線の色は透明である（基本的な内容が透けて見えるでしょう）
initial	このプロパティがデフォルト値に設定します。最初の記事を読みます
inherit	その親要素からこのプロパティを継承します。継承についての記事を読みます

紫に緑、左と右の境界に上部と下部の境界線の色を変更して<div>要素：

document.getElementById("myDiv").style.borderColor = "green purple";

境界線の色戻り<div>要素を：

alert(document.getElementById("myDiv").style.borderColor);