CSS border-inline-end

The border-inline-end property is used to set the style, color, and width of the inline end border of an element. The inline end is the side of the element that depends on the writing mode. For example, in a left-to-right writing mode, the inline end is on the right side of the element.

The syntax for border-inline-end property is as follows:


selector {
  border-inline-end: value;
}

Here, selector is the element selector to which you want to apply the border, and value can be one of the following:

border-style: Specifies the style of the border (e.g. solid, dashed, dotted, etc.)
border-color: Specifies the color of the border
border-width: Specifies the width of the border

Let's see an example of how to use the border-inline-end property:

Result:

This is an example text with border-inline-end

In the above example, we applied a 4px solid black border on the inline end of the text.