tas2580
Blog über Webentwicklung

CSS - border-color

Die border-color Eigenschaft setzt die Farbe des Rands eines Elements.

Beispiel

div {
    border-color: #ff0000 #0000ff;
}

Definition und Verwendung

Hinweis: Setze die border-style Eigenschaft vor der border-color Eigenschaft. Ein Element muss einen border haben, bevor man die Farbe ändern kann.

Diese Eigenschaft kann ein bis vier Werte haben.

  • border-color: red green blue pink;
    • Der obere Rand ist rot
    • Der rechte Rand ist grün
    • Der untere Rand ist blau
    • Der linke Rand ist rosa
  • border-color: red green blue;
    • Der obere Rand ist rot
    • Der rechte und linke Rand ist grün
    • Der untere Rand ist blau
  • border-color: red green;
    • Der obere und untere Rand ist rot
    • Der rechte und linke Rand ist grün
  • border-color: red ;
    • Alle Ränder sind rot
Standard Wert:
keine
CSS Version:
CSS1
Vererbt sich:
Nein
Animierbar:
Ja

Browser Unterstützung

Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein

Mögliche Werte

Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.

Wert Beschreibung
Farbe Gibt die Rahmenfarbe an.
transparent Gibt an, dass die Rahmenfarbe transparent sein soll.
initial Setzt diese Eigenschaft auf den Standardwert.
inherit Erbt diese Eigenschaft von seinem übergeordneten Element.