border-inline-end-style#

#Introduction

The border-inline-end-style CSS property defines the style of the logical inline end border of an element.

In a horizontal-tb writing mode with LTR direction, it corresponds to the border-right-style property. In a horizontal-tb writing mode with RTL direction, it corresponds to the border-left-style property.

#Examples

css-apisrc/border-inline-end-style/App.tsx

Preview

#Syntax

border-inline-end-style: none;
border-inline-end-style: hidden;
border-inline-end-style: dotted;
border-inline-end-style: dashed;
border-inline-end-style: solid;
border-inline-end-style: double;
border-inline-end-style: groove;
border-inline-end-style: ridge;
border-inline-end-style: inset;
border-inline-end-style: outset;

#Values

• none

• hidden

• dotted

• dashed

• default solid

• double

• groove

• ridge

• inset

• outset

#Formal definition

#Formal syntax

none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

#Extensions

• direction
• mdn:border-inline-end-style

#Compatibility