CSS border-block-end-style

The border-block-end-style property is used to set the style of the border on the end side of a block-level element. The end side is determined by the writing mode (horizontal or vertical) of the document.

The possible values for border-block-end-style are the same as for the border-style property: none, hidden, dotted, dashed, solid, double, groove, ridge, inset, and outset.

Here's an example of how you can use the border-block-end-style property in your CSS:


    .example {
      border-block-end-style: dotted;
    }

Result:

Border end style doted

In the example above, we set the border-block-end-style property of an element with the class example to dotted, which will make the border on the end side of the element a dotted line.