CSS border-block-width property
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
border-block-width : border-block-start-width border-block-end-width
It is the same as border-block-width: medium medium;
It is the same as border-block-width: 10px 10px;
It is the same as border-block-width: 10px 15px;
border-block-width: 10px 15px;
It applies to all elements
Was this article helpful?