CSS border-bottom-color Eigenschaft

Definition und Verwendung

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

Es können nur reine Farben definiert werden, und die Grenze tritt nur auf, wenn der Grenzstil einen Wert ist, der nicht "none" oder "hidden" ist.

Anmerkung:Der border-style-Attribut muss immer vor dem border-color-Attribut deklariert werden. Das Element muss eine Grenze haben, bevor Sie ihre Farbe ändern.

Weitere Informationen:

CSS Tutorial:CSS Rahmen

CSS Referenzhandbuch:border-bottom-Eigenschaft

HTML DOM Referenzhandbuch:borderBottomColor-Eigenschaft

Beispiel

Einstellen der Farbe der unteren Grenze:

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

Probieren Sie es selbst aus

CSS-Syntax

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

Attributwert

Wert Beschreibung
color_name Es wird die Farbe der Grenze als Farbname angegeben (z.B. rot).
hex_number Es wird die Farbe der Grenze als Hexadezimalwert angegeben (z.B. #ff0000).
rgb_number Es wird die Farbe der Grenze als rgb-Code angegeben (z.B. rgb(255,0,0)).
transparent Standardwert. Die Grenzfarbe ist transparent.
inherit Es wird vorgeschrieben, dass die Farbe der Grenze vom übergeordneten Element geerbt wird.

Technische Details

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

Mehr Beispiele

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

Browser-Unterstützung

Die Zahlen in der Tabelle verweisen auf die erste Browser-Version, 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".