CSS border-block-start

The border-block-start property is used to set the style, color, and width of the border on the start side of a block-level element. The start side is dependent on the writing mode of the document. For left-to-right languages like English, the start side is equivalent to the left side.

The syntax for using the border-block-start property is as follows:


selector {
  border-block-start: value;
}

Here, selector is the target element or elements, and value can be a combination of border width, style, and color.

Let's take a look at an example to see how the border-block-start property works:

Result:

This is an example text with border-block-start applied.

In the example above, we have a div element with a border-block-start property set to a width of 2px, a style of solid, and a color of red. This creates a red border on the left side of the div element.