CSS border-bottom-color Eigenschaft

Definition und Verwendung

border-bottom-color setzt die Farbe der unteren Borders des Elements.

Es können nur reine Farben definiert werden, und die Borders erscheinen nur, wenn der Borders-Stil 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 eine Borders haben, bevor Sie die Farbe ändern.

Weitere Informationen:

CSS-Tutorial:CSS Rahmen

CSS Referenzhandbuch:border-bottom-Eigenschaft

HTML DOM Referenzhandbuch:borderBottomColor-Eigenschaft

Beispiel

Einstellen der Farbe der unteren Borders:

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

Versuchen Sie es selbst

CSS-Syntax

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

Attributwert

Wert Beschreibung
color_name Es wird die Farbe der Borders als Farbname vorgeschrieben (z.B. rot).
hex_number Es wird die Farbe der Borders als Hexadezimalwert vorgeschrieben (z.B. #ff0000).
rgb_number Es wird die Farbe der Borders als rgb-Code vorgeschrieben (z.B. rgb(255,0,0)).
transparent Standardwert. Die Borders sind transparent.
inherit Es wird vorgeschrieben, dass die Farbe der Borders von den übergeordneten Elementen geerbt wird.

Technische Details

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

Mehr Beispiele

Einstellen der Farbe der unteren Borders
Dieses Beispiel zeigt, wie man die Farbe der unteren Borders einstellt.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, 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 benötigt !DOCTYPE. IE9 unterstützt "inherit".