CSS border-inline-color property

Description

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

Syntax

border-inline-color : border-inline-start-color    border-inline-end-color

Property values

currentColorDefault

It is the same as border-block-width: currentColor currentColor;

border-inline-color: currentColor;

red

It is the same as border-block-width: red red;

border-inline-color: red;

red green

It is the same as border-block-width: red green;

border-inline-color: red green;

Applicable to

It applies to all elements

#CSS digger
Was this article helpful?

 
arrow
Check the behavior of border-inline-color for different value of writing mode.
×

Ctrl+D