overflow-inline
A logical property that sets the overflow behavior in the inline direction (usually horizontal). It's the logical replacement for 'overflow-x'.
It is documented as part of the CSS Overflow specification.
Syntax
/* Usage Example */
.horizontal-scroll {
/* Scrolled content in the horizontal (inline) axis logically */
overflow-inline: auto;
white-space: nowrap;
}
/* Syntax */
overflow-inline: visible;
overflow-inline: hidden;
overflow-inline: clip;
overflow-inline: scroll;
overflow-inline: auto;
/* Global values */
overflow-inline: inherit;
overflow-inline: initial;
overflow-inline: revert;
overflow-inline: revert-layer;
overflow-inline: unset;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.
74+
69+
14.1+
74+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more