overflow-block
A logical property that sets the overflow behavior in the block direction (usually vertical). It's the logical replacement for 'overflow-y'.
It is documented as part of the CSS Overflow specification.
Syntax
/* Usage Example */
.card-content {
/* Scrolled content in the vertical (block) axis logically */
overflow-block: auto;
}
/* Syntax */
overflow-block: visible;
overflow-block: hidden;
overflow-block: clip;
overflow-block: scroll;
overflow-block: auto;
/* Global values */
overflow-block: inherit;
overflow-block: initial;
overflow-block: revert;
overflow-block: revert-layer;
overflow-block: unset;overflow-block 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