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.

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

Browser Kompatibilität

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.