CSS border-inline-end-color

The border-inline-end-color property is used to set the color of the inline end border of an element. The inline end border is the border on the end side of the element, where the text direction ends.

This property works in combination with other border properties such as border-inline-start-color, border-inline-end-width, and border-inline-end-style to fully customize the borders of an element.

Syntax


selector {
  border-inline-end-color: value;
}

The value of the border-inline-end-color property can be a color keyword, a Hex color value, an RGB value, or an RGBA value.

Example

Result:

This is a text with an inline end border color set to blue.

In the example above, we have set the border-inline-end-color to blue, the border-inline-end-width to 2 pixels, and the border-inline-end-style to solid. This creates a blue inline end border around the text.