border-inline-color

This property defines the colors of the inline borders of the element.

Which borders are considered inline depends on the element’s directionality, writing mode and text orientation.

Syntax

This property accepts any color value and sets it to the inline borders.

/* Setting a value can be in any color format: */
border-inline-color: rgba(243, 193, 56, 0.6);
border-inline-color: green;
border-inline-color: #ef33ff

Values

color
Any color value can be used.

initial
Global CSS keyword – this sets the property to the default value.

inherit
Global CSS keyword – this sets the property to be inherited from its parent element.

Browser Compatibilty

Demos

Have a code example of border-inline-color? Submit a codepen.io demo and we'll showcase it here ↴