CSS border-inline-end-style

The border-inline-end-style property in CSS is used to set the style of the inline end border of an element. The inline end border is the side of an element that is on the start side in the flow direction, opposite to the inline start border. This property can be used to add visual decoration to an element by specifying the style of the border on the inline end side.

The possible values for the border-inline-end-style property are:

none: No border is displayed.
solid: A solid line border.
dashed: A dashed line border.
dotted: A dotted line border.
double: A double line border.

Here is an example of how to use the border-inline-end-style property in CSS:

Result:


    .example {
      border-inline-end-style: solid;
      border-inline-end-color: red;
      border-inline-end-width: 2px;
      padding: 10px;
      background-color: lightgrey;
    }

This is an example of using the border-inline-end-style property to add a solid red border to the inline end side of this element.