border-inline-end

A shorthand for setting the width, style, and color of the 'end' side border in the inline dimension. It's the logical successor to 'border-right'.

Quick example

blockquote {
  /* Logical equivalent of border-right */
  border-inline-end: 4px solid #7c3aed;
  padding-inline-end: 1rem;
}

Quick facts

Initial value
See individual properties
Inherited
No
Applies to
all elements

Values

border-top-widthborder-top-style

border-inline-end Browser Support

Widely available Since 2021 95% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2021.

Safe to use without fallbacks.

69+
41+
12.1+
79+
ESC