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.
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

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