Web4College

CSS border-block-end-color property

src

Description

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

  • The end side represents bottom side for the horizontal-tb writing-mode.

  • The end side represents left or right side for the vertical-rl or vertical-lr writing-mode respectively.

Change the direction of flow of text.

horizontal-tb vertical-lr vertical-rl

Syntax

border-block-end-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-block-end-color: currentColor;
Try it

color-name

The following demo represents skyblue color for border.

border-block-end-color: skyblue;
Try it

rgb value

#000000

It represents rgb value of a color. The hexadecimal value of red color for the border is given below.

border-block-end-color: rgb(255,0,0);
Try it

hexadecimal value

#000000

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

border-block-end-color: #0000ff;
Try it

Applicable to

It applies to all elements