CSS border-block-color property

Description

CSS border-block-color is a logical property that defines border 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 top and bottom sides respectively for the horizontal-tb writing-mode.

  • The start and end sides are left and right sides respectively for the vertical-* writing-mode.

Change the direction of flow of text.

horizontal-tb vertical-lr vertical-rl

Syntax

border-block-color : border-block-start-color    border-block-end-color

Property values

currentColorDefault

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

border-block-color: currentColor;

red

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

border-block-color: red;

red green

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

border-block-color: red green;

Applicable to

It applies to all elements

#CSS digger
Was this article helpful?

 
Check the behavior of border-block-color for different values of writing mode.
×

Ctrl+D