border-inline
The logical shorthand for setting width, style, and color for both the 'start' and 'end' borders in the inline dimension (left and right in LTR).
Quick example
.button-alt {
/* Logical equivalent of setting both left and right borders */
border-inline: 4px solid #000;
padding: 0.5rem 1rem;
}Quick facts
Initial value
See individual propertiesInherited
No
Applies to
all elements
Values
border-block-start border-inline 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.
87+
66+
14.1+
87+