overflow-inline
A logical property that sets the overflow behavior in the inline direction (usually horizontal). It's the logical replacement for 'overflow-x'.
Quick example
.horizontal-scroll {
/* Scrolled content in the horizontal (inline) axis logically */
overflow-inline: auto;
white-space: nowrap;
}Quick facts
Initial value
autoInherited
No
Applies to
block, flex, and grid containers
Animation type
discrete
Values
visiblehiddenclipscrollauto overflow-inline Browser Support
Widely available Since 2021 75% 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.
74+
69+
14.1+
74+