CSS border-inline-start-color property

Description

CSS border-inline-start-color is a logical property that defines color for the start side border of a block. The selection of start side depends upon the writing-mode.

  • The start side represents left side for the horizontal-tb writing-mode.

  • The start side represents top or bottom side for the vertical-lr or vertical-rl writing-mode respectively.

Change the direction of flow of text.

horizontal-tb vertical-lr vertical-rl

Syntax

border-inline-start-color : currentColor | color-name | rgb value | hexadecimal value

Property values

currentColorDefault

currentColor keyword represents the same color for the border as of text color.

border-inline-start-color: currentColor;

color-name

The following demo represents skyblue color for border.

border-inline-start-color: skyblue;

rgb value

It represents rgb value of a color.

The rgb value of red color for the border is given below.

border-inline-start-color: rgb(255,0,0);

hexadecimal value

It represents hexadecimal notation of red color.

The hexadecimal notation of blue color for the border is given below.

border-inline-start-color: #0000ff;

Applicable to

It applies to all elements

From web4college, the free CSS digger

#CSS digger
Was this article helpful?

 
Check the behavior of border-inline-start-color for different values of writing mode.
▾
×

Ctrl+D