border-bottom-color

Übersicht

Die border-bottom-color Eigenschaft legt die Farbe des unteren Rahmens fest. Da der Standardwert für die Rahmenart none ist, muss eine Angabe der border-bottom-style Eigenschaft erfolgen, damit ein unterer Rahmen sichtbar werden kann. Es ist daher sinnvoll mit der Kurzform border-bottom gleich die Farbe und die Art des unteren Rahmens festzulegen.

  • Standardwert currentColor
  • Anwendbar auf Alle Elemente
  • Vererbt Nein
  • Prozentwerte
  • Medium visuell
  • Berechneter Wert If the value ist translucent, the computed value will be the rgba() corresponding one. If it isn't, it will be the rgb() corresponding one. The transparent keyword maps to rgb(0,0,0).
  • Animierbar Ja, als Farbe
  • Canonical order the unique non-ambiguous order defined by the formal grammar

Syntax

border-bottom-color:  <color>

Werte

<Farbe>
Farbangabe [ Hexadezimalwert, Farbname, Systemfarbe, rgb(), rgba(), hsl() oder hlsa() ]
transparent
Das Element hat keine Farbe. Es wird die Farbe des dahinter liegenden Elementes angezeigt.
inherit
Der Wert des Elternelements wird geerbt.

Beispiele

pre {
  border-bottom-style: solid;
  border-bottom-color: red;
  
}

Spezifikation

Spezifikation Status Anmerkung
CSS Backgrounds and Borders Module Level 3 Candidate Recommendation No significant changes, though the transparent keyword, now included in <color> which has been extended, has been formally removed.
CSS Level 2 (Revision 1) Recommendation  

Browser Kompatibilität

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 1.0 (1.7 or earlier) [1] 4 3.5 1.0 (85)
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 1.0 1.0 (1.0) [1] (Yes) (Yes) (Yes)

[1] Gecko-based browsers like Firefox also supports the non-standard -moz-border-bottom-colors CSS properties that sets the top border to multiple colors.

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter:
Mitwirkende an dieser Seite: SJW, Michael2402, fscholz, Yuichiro
Zuletzt aktualisiert von: SJW,
Seitenleiste ausblenden