CSS border-inline-color property
CSS border-inline-color is a logical property that defines color for the start and end sides of a block. The selection of start and end sides depends upon the writing-mode. It is a shorthand property of border-block-start-color and border-block-end-color.
The start and end sides are left and top sides respectively for the horizontal-tb writing-mode.
The start and end sides are top and bottom sides respectively for the vertical-* writing-mode.
Change the direction of flow of text.
horizontal-tb vertical-lr vertical-rl
border-inline-color : border-inline-start-color border-inline-end-color
It is the same as border-block-width: currentColor currentColor;
It is the same as border-block-width: red red;
It is the same as border-block-width: red green;
border-inline-color: red green;
It applies to all elements
Was this article helpful?