CSS border-links-farbe Eigenschaft

Definition und Verwendung

border-left-color stellt die Farbe der linken Rahmenkante des Elements ein.

Es können nur reine Farben definiert werden, und der Rahmen kann nur erscheinen, wenn der Rahmenstil einen Wert ist, der nicht "none" oder "hidden" ist.

Anmerkung:Die border-style-Eigenschaft sollte immer vor der border-color-Eigenschaft deklariert werden. Das Element muss vor dem Ändern der Farbe eine Kante haben.

Weitere Informationen:

CSS-Tutorial:CSS Ränder

CSS Referenzhandbuch:border-left Attribut

HTML DOM Referenzhandbuch:borderLeftColor-Eigenschaft

Beispiel

Rahmenfarbe der linken Kante einstellen:

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

Selbst ausprobieren

CSS-Syntax

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

Attributwert

Wert Beschreibung
color_name Es wird die Rahmenfarbe mit einem Farbnamen (z.B. rot) festgelegt.
hex_number Es wird die Rahmenfarbe mit einem hexadezimalen Wert (z.B. #ff0000) festgelegt.
rgb_number Es wird die Rahmenfarbe mit rgb-Code (z.B. rgb(255,0,0)) festgelegt.
transparent Standardwert. Die Rahmenfarbe ist transparent.
inherit Es wird festgelegt, dass die Rahmenfarbe vom übergeordneten Element geerbt werden soll.

Technische Details

Standardwert: nicht spezifiziert
Vererbbarkeit: nein
Version: CSS1
JavaScript-Syntax: object.style.borderLeftColor="blue"

Mehr Beispiele

Rahmenfarbe der linken Kante einstellen
Dieses Beispiel zeigt, wie man die Farbe der linken Rahmenkante einstellt.

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die die Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Anmerkung:Internet Explorer 6 (und frühere Versionen) unterstützen den Attributwert "transparent" nicht.

Anmerkung:Internet Explorer 7 und frühere Browser unterstützen den Wert "inherit" nicht. IE8 erfordert !DOCTYPE. IE9 unterstützt "inherit".

" -->