inset-inline-start
A logical property that sets the distance from the 'start' of the inline axis (usually the 'left' in LTR or 'right' in RTL). It's the logical replacement for 'left'.
Quick example
.floating-label {
position: absolute;
/* Positions at the start of the line (left in English, right in Hebrew) */
inset-inline-start: 1rem;
inset-block-start: -0.5rem;
}Quick facts
Initial value
autoInherited
No
Applies to
positioned elements
Animation type
lpc
Values
top inset-inline-start 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+