border-right-color property

Definition and Usage

The border-right-color CSS property sets the color of the right border of an element. Note that in many cases the shorthand CSS properties  border-color or border-right are more convenient and preferable.

• InitialcurrentColor
• Applies toall elements
• Inheritedno
• Mediavisual
• Computed ValueIf the value is translucent, the computed value will be the rgba() corresponding one. If it isn’t, it will be the rgb() corresponding one. The transparent keyword maps to rgb(0,0,0).
• Animatableyes, as a color
• Canonical orderthe unique non-ambiguous order defined by the formal grammar

---

Syntax

Formal syntax: <color>

border-right-color: red
border-right-color: rgb(255, 128, 0)
border-right-color: hsla(100%, 50%, 25%, 0.75)
border-right-color: #ffbb00
border-right-color: currentColor
border-right-color: transparent
border-right-color: inherit

---

Values

<color>

Is a <color> CSS value describing the color of the right border.

inherit

Is a keyword denoting the color of the bottom border of the parent’s element (which may be different from the border-right-color default value)

---

Examples

pre {
    border: solid 0.3em gold;
    border-right-color: red;
}
/* this has the same result:
pre {
    border: solid 0.3em;
    border-color: gold red gold gold;
} */

---

Compatibility

Desktop browsers

Mobile browsers