Style borderColor Property

Ändern Sie die Farbe der vier Grenzen eines <div> Element auf Rot:

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

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.

Definition und Verwendung

Die borderEigenschaftsSätze oder gibt die Farbe eines Grenze des Elements.

Diese Eigenschaft kann von einem bis vier Werte annehmen:

Ein Wert, wie: p {border-color: red} - alle vier Ränder leuchtet rot
Zwei Werte, wie: p {border-color: red transparent} - oben und unten Grenze werden rot, links und rechts Grenze wird transparent sein
Drei Werte, wie: p {border-color: rot, grün, blau} - top Grenze wird rot, links und rechten Rand wird grün, wird unteren Rand blau sein
Vier Werte, wie: p {border-color: rot, grün, blau, gelb} - top Grenze wird rot, werden rechtser Rand grün sein wird unterer Rand blau sein wird linker Rand gelb

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.

Eigentum
borderColor	1.0	4.0	1.0	1.0	3.5

Bringen Sie die Eigenschaft border:

object .style.borderColor

Stellen Sie die Eigenschaft border:

object .style.borderColor=" Eigenschaftswerte

Wert	Beschreibung
color	Gibt die Farbe an der Grenze. Schauen Sie sich CSS Farbwerte für eine vollständige Liste der möglichen Farbwerte. Standardfarbe ist schwarz
transparent	Die Farbe der Grenze ist transparent (underlying Inhalt durchscheinen wird)
initial	Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang
inherit	Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben

Standardwert:	schwarz
Rückgabewert:	Ein String, die die Farbe eines Elements Grenz
CSS Version	CSS1

Ändern Sie die Farbe des oberen und unteren Randes zu grün, und links und rechts Grenze zu lila, von einem <div> Elemente:

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

Bringen Sie die Rahmenfarbe eines <div> Element:

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