CSS border-inline-color

The border-inline-color property is used to set the color of the inline borders of an element. This property applies to inline elements, such as span or a tags.

The syntax for the border-inline-color property is:


border-inline-color: color|initial|inherit;

The values that can be assigned to the border-inline-color property are:

color: specifies the color of the inline borders. This can be a color name, a HEX value, an RGB value, etc.
initial: sets the property to its default value.
inherit: inherits the property from its parent element.

Let's see an example to understand how the border-inline-color property works:

Result:

This is a sample text with red inline borders.

In the example above, we have applied the border-inline-color: red; property to the text, resulting in red inline borders around it.

Remember that the border-inline-color property only applies to inline elements and it will not work on block elements like div or p tags.