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'.
Usage 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;
}Initial value
auto
Inherited
No
Applies to
positionedElements
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+