inset-inline-end
A logical property that sets the distance from the 'end' of the inline axis (usually the 'right' in LTR or 'left' in RTL). It's the logical replacement for 'right'.
Usage example
.badge {
position: absolute;
/* Positions at the end of the line (right in English, left in Arabic) */
inset-inline-end: 1rem;
inset-block-start: 1rem;
}Initial value
auto
Inherited
No
Applies to
positionedElements
Animation type
lpc
Values
top inset-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.
87+
63+
14.1+
87+