CSS border-block-width property

Description

CSS border-block-width is a logical property property that defines border width 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-width and border-block-end-width

  • 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-width : border-block-start-width    border-block-end-width

Property values

mediumDefault

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

border-block-width: medium;

10px

It is the same as border-block-width: 10px 10px;

border-block-width: 10px;

10px 15px

It is the same as border-block-width: 10px 15px;

border-block-width: 10px 15px;

Applicable to

It applies to all elements

#CSS digger
Was this article helpful?

 
Check the behavior of border-block-width for different value of writing mode.
×

Ctrl+D