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.

Initialwertcurrentcolor
Anwendbar aufalle Elemente. Auch anwendbar auf ::first-letter (en-US).
VererbtNein
Berechneter Wertberechnete Farbe
AnimationstypFarbe

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