Übersicht
Die border-bottom-color
CSS Eigenschaft legt die Farbe des unteren Rahmens eines Elements fest. Beachte, dass in vielen Fällen die Kurzschreibweisen border-color
oder border-bottom
geeigneter und daher zu bevorzugen sind.
Initialwert | currentcolor |
---|---|
Anwendbar auf | alle Elemente. Auch anwendbar auf ::first-letter . |
Vererbt | Nein |
Berechneter Wert | berechnete Farbe |
Animationstyp | Farbe |
Syntax
border-bottom-color: yellow;
border-bottom-color: #F5F6F7;
Werte
<color>
- Ist ein
<color>
CSS Wert, der die Farbe des unteren Rahmens beschreibt. inherit
- Ist ein Schlüsselwort, das die Farbe des unteren Rahmens des Elternelements kennzeichnet (welche sich vom Standardwert von
border-bottom-color
unterscheiden kann).
Formale Syntax
Beispiele
Ein einfacher div mit einem Rahmen
HTML Inhalt
<div class="mybox">
<p>Dies ist eine Box mit einem Rahmen außenrum.
Beachte welche Seite der Box
<span class="redtext">rot</span> ist.</p>
</div>
CSS Inhalt
.mybox {
border: solid 0.3em gold;
border-bottom-color: red;
width: auto;
}
.redtext {
color: red;
}
Ergebnis
Spezifikationen
Spezifikation | Status | Anmerkung |
---|---|---|
CSS Backgrounds and Borders Module Level 3 Die Definition von 'border-bottom-color' in dieser Spezifikation. |
Anwärter Empfehlung | Keine nennenswerten Änderungen, jedoch wurde das Schlüsselwort transparent entfernt, das nun in <color> beinhaltet ist, welcher erweitert wurde. |
CSS Level 2 (Revision 1) Die Definition von 'border-bottom-color' in dieser Spezifikation. |
Empfehlung | Erstmalige Definition |
Browser Kompatibilität
BCD tables only load in the browser
Siehe auch
- Die rahmenbezogenen CSS Kurzschreibweise Eigenschaften
border
,border-bottom
undborder-color
. - Die farbbezogenen CSS Eigenschaften, die sich auf die anderen Ränder beziehen:
border-right-color
,border-top-color
undborder-left-color
. - Die anderen rahmenbezogenen CSS Eigenschaften, die sich auf denselben Rand beziehen:
border-bottom-style
undborder-bottom-width
.