CSS border-block-end-width

The border-block-end-width property in CSS allows you to specify the width of the border on the end block of an element. The "end" block depends on the writing mode (horizontal or vertical) of the element.

Here's a simple guide on how to use the border-block-end-width property with examples:

Syntax


selector {
  border-block-end-width: value;
}

The value can be specified in pixels, em, rem, %, etc.

Examples

Result:

This is an example text with a border on the end block with a width of 10px.

In the example above, the border-block-end-width property is used to set the width of the border on the end block of the element to 10px.

Result:

This is another example text with a border on the end block with a width of 20px.

In this second example, the border-block-end-width property is set to 20px, resulting in a wider border on the end block.

Property Value	Description
thin	A thin border on the end block
medium	A medium border on the end block
thick	A thick border on the end block

Additionally, you can use keywords such as thin, medium, and thick to specify the width of the border.

Experiment with different values for the border-block-end-width property to see how it affects the appearance of the border on the end block of an element.