CSS border-inline-start-color
The border-inline-start-color
property is used to set the color of the inline start edge of an element's border. The inline start edge depends on the element's writing mode, for example, in left-to-right writing mode the inline start edge is on the left side of the element.
This property works with the border-inline-start-width
and border-inline-start-style
properties to fully control the style of the border on the inline start side of an element.
Let's see how to use the border-inline-start-color
property with some examples:
In this example, the border-inline-start-color
property is set to blue, the border-inline-start-width
to 2 pixels, and the border-inline-start-style
to dashed. This creates a blue dashed border on the inline start side of the element.
You can also use color names, hex values, RGB values, or any other valid color representation to set the color of the border inline start edge.
Experiment with different values for the border-inline-start-color
property to see how it affects the appearance of the border on the inline start side of an element.