border-bottom-color
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Die border-bottom-color
CSS Eigenschaft legt die Farbe des unteren Rahmens eines Elements fest. Sie kann auch mit den Kurzschreibweise-CSS-Eigenschaften border-color
oder border-bottom
gesetzt werden.
Probieren Sie es aus
Syntax
css
/* <color> values */
border-bottom-color: red;
border-bottom-color: #ffbb00;
border-bottom-color: rgb(255 0 0);
border-bottom-color: hsl(100deg 50% 25% / 75%);
border-bottom-color: currentcolor;
border-bottom-color: transparent;
/* Global values */
border-bottom-color: inherit;
border-bottom-color: initial;
border-bottom-color: revert;
border-bottom-color: revert-layer;
border-bottom-color: unset;
Die border-bottom-color
Eigenschaft wird als Einzelwert angegeben.
Werte
<color>
-
Die Farbe des unteren Rahmens.
Formale Definition
Initialer Wert | currentcolor |
---|---|
Anwendbar auf | alle Elemente. Auch anwendbar auf ::first-letter . |
Vererbt | Nein |
Berechneter Wert | berechnete Farbe |
Animationstyp | Farbe |
Formale Syntax
Beispiele
Ein einfaches Div mit einem Rahmen
HTML
html
<div class="my-box">
<p>
This is a box with a border around it. Note which side of the box is
<span class="red-text">red</span>.
</p>
</div>
CSS
css
.my-box {
border: solid 0.3em gold;
border-bottom-color: red;
width: auto;
}
.red-text {
color: red;
}
Ergebnis
Spezifikationen
Specification |
---|
CSS Backgrounds and Borders Module Level 3 # border-color |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Die rahmenbezogenen CSS-Kurzschreibweise-Eigenschaften:
border
,border-bottom
, undborder-color
. - Die farbbezogenen CSS-Eigenschaften für die anderen Ränder:
border-right-color
,border-top-color
, undborder-left-color
. - Die anderen rahmenbezogenen CSS-Eigenschaften, die auf denselben Rahmen angewendet werden:
border-bottom-style
undborder-bottom-width
. - Der Standardfarbwert
currentcolor
.