CSS border-block-start-color

The border-block-start-color property sets the color of the border on the block-start side of an element. The block-start side depends on the writing mode of the page, so it could be the top, right, bottom, or left side of the element.

Here is the syntax for the border-block-start-color property:


selector {
  border-block-start-color: value;
}

where value can be a color name, hexadecimal value, RGB value, etc.

Let's see some examples to understand how border-block-start-color works:

Result:

This is an example of setting the block-start color of a border to red.

In the example above, the block-start side of the border is set to red using the border-block-start-color: property.

It's important to note that the border-block-start-color property is part of the CSS Box Model, so it affects the layout of the element.