Ü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
Medienvisuell
Berechneter Wertberechnete Farbe
AnimationstypFarbe
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
Grundlegende UnterstützungChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 1
Hinweise
Vollständige Unterstützung 1
Hinweise
Hinweise Firefox also supports the non-standard -moz-border-bottom-colors CSS property that sets the bottom border to multiple colors.
IE Vollständige Unterstützung 4Opera Vollständige Unterstützung 3.5Safari Vollständige Unterstützung 1WebView Android Vollständige Unterstützung 1Chrome Android ? Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 4
Hinweise
Vollständige Unterstützung 4
Hinweise
Hinweise Firefox also supports the non-standard -moz-border-bottom-colors CSS property that sets the bottom border to multiple colors.
Opera Android Vollständige Unterstützung 11Safari iOS Vollständige Unterstützung 1Samsung Internet Android ?

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt
Siehe Implementierungshinweise.
Siehe Implementierungshinweise.

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: SJW, Sebastianz, fscholz, Yuichiro, Michael2402
Zuletzt aktualisiert von: SJW,