border-bottom-color

Ü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 (en-US).
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

<'border-top-color'>

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 und border-color.
Die farbbezogenen CSS Eigenschaften, die sich auf die anderen Ränder beziehen: border-right-color, border-top-color und border-left-color.
Die anderen rahmenbezogenen CSS Eigenschaften, die sich auf denselben Rand beziehen: border-bottom-style und border-bottom-width.