overflow-block
A logical property that sets the overflow behavior in the block direction (usually vertical). It's the logical replacement for 'overflow-y'.
Quick example
.card-content {
/* Scrolled content in the vertical (block) axis logically */
overflow-block: auto;
}Quick facts
Initial value
autoInherited
No
Applies to
block, flex, and grid containers
Animation type
discrete
Values
visiblehiddenclipscrollauto 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.
Safe to use without fallbacks.
74+
69+
14.1+
74+