border-right-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-right-color
CSS-Eigenschaft legt die Farbe des rechten Rands eines Elements fest. Sie kann auch mit den CSS-Kurzschreibweise-Eigenschaften border-color
oder border-right
festgelegt werden.
Probieren Sie es aus
Syntax
css
/* <color> values */
border-right-color: red;
border-right-color: #ffbb00;
border-right-color: rgb(255 0 0);
border-right-color: hsl(100deg 50% 25% / 75%);
border-right-color: currentcolor;
border-right-color: transparent;
/* Global values */
border-right-color: inherit;
border-right-color: initial;
border-right-color: revert;
border-right-color: revert-layer;
border-right-color: unset;
Die border-right-color
-Eigenschaft wird als einzelner Wert angegeben.
Werte
<color>
-
Die Farbe des rechten Rands.
Formale Definition
Anfangswert | 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 Rand
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-right-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 randbezogenen CSS-Kurzschreibweise-Eigenschaften:
border
,border-right
undborder-color
. - Die farbbezogenen CSS-Eigenschaften für die anderen Ränder:
border-left-color
,border-bottom-color
undborder-top-color
. - Die anderen randbezogenen CSS-Eigenschaften, die auf denselben Rand angewendet werden:
border-right-style
undborder-right-width
. - Der Standardfarbwert
currentcolor
.