border-inline-end

The border-inline-end property shorthand for all inline end border properties.

Formal Syntax

border-inline-end = <line-width> || <line-style> || <color> <line-width> = <length [0,∞]> | thin | medium | thick <line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset <color> = <color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()>

Initial value: See individual properties
Applies to: all elements except ruby base containers and ruby annotation containers
Inherited: no
Percentages: N/A
Computed value: see individual properties
Animation type: see individual properties

See specification

JavaScript Access

// Access via element.style element.style.borderInlineEnd = "See individual properties";

Browser Support

standard | MDN · Spec

Feature	Chrome	Firefox	Safari	Edge
border-inline-end	69	41	12.1	79
currentColor	69	41	12.1	79
dashed	69	41	12.1	79
dotted	69	41	12.1	79
double	69	41	12.1	79
groove	69	41	12.1	79
hidden	69	41	12.1	79
inset	69	41	12.1	79
medium	69	41	12.1	79
none	69	41	12.1	79
outset	69	41	12.1	79
ridge	69	41	12.1	79
solid	69	41	12.1	79
thick	69	41	12.1	79
thin	69	41	12.1	79
transparent	69	41	12.1	79

css.properties

border-inline-end

Formal Syntax

JavaScript Access

Browser Support

Related Properties