Web4College

CSS border-block-style property

src

Description

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

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

Property values

noneDefault

It is the same as border-block-style: none none;

border-block-style: none;
Try it

solid

It is the same as border-block-style: solid solid;

border-block-style: solid;
Try it

solid dotted

It is the same as border-block-style: solid dotted;

border-block-style: solid dotted;
Try it

Applicable to

It applies to all elements