borderrightcolor

Border-right-color is a CSS property that sets the color of an element's right border. It is used in conjunction with the border-right shorthand or with the separate border-right-* properties to style the right edge of an element.

Syntax and values: border-right-color: <color>; It accepts a range of color values, including named colors (blue), hex codes (#ff0000), rgb(), rgba(), hsl(), and hsla(). It also accepts keywords like currentColor and transparent, as well as inherit, initial, or unset for CSS value resolution.

Behavior: The color applies to the right border when the right border is drawn, meaning border-right-style is not none and border-right-width is greater than 0. If the right border is hidden or its width is 0, the color has no visible effect. Using currentColor makes the border color match the element’s text color.

Inheritance and specificity: Border-right-color is not inherited by default. You can use the inherit value to explicitly inherit the color from the parent element if desired.

Practical use: Setting border-right-color allows visual emphasis or separation on the right edge of an element, which can be useful in layouts, callouts, or table styling where the right border provides a design cue.

Browser support and related properties: Border-right-color is widely supported by all major browsers. It is related to the border-right, border-right-width, border-right-style properties, and the shorthand border-color.