border-left-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-left-color
CSS Eigenschaft legt die Farbe des linken Rahmens eines Elements fest. Sie kann auch mit den abgekürzten CSS-Eigenschaften border-color
oder border-left
gesetzt werden.
Probieren Sie es aus
Syntax
css
/* <color> values */
border-left-color: red;
border-left-color: #ffbb00;
border-left-color: rgb(255 0 0);
border-left-color: hsl(100deg 50% 25% / 75%);
border-left-color: currentcolor;
border-left-color: transparent;
/* Global values */
border-left-color: inherit;
border-left-color: initial;
border-left-color: revert;
border-left-color: revert-layer;
border-left-color: unset;
Die border-left-color
Eigenschaft wird als einzelner Wert angegeben.
Werte
<color>
-
Die Farbe des linken 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-left-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 CSS-Kurzschreibweiseigenschaften im Zusammenhang mit Rahmen:
border
,border-left
, undborder-color
. - Die farbbezogenen CSS-Eigenschaften für die anderen Rahmen:
border-right-color
,border-bottom-color
, undborder-top-color
. - Die anderen rahmenbezogenen CSS-Eigenschaften, die sich auf denselben Rahmen beziehen:
border-left-style
undborder-left-width
. - Der Standardwert
currentcolor
der Farbe.