scroll-padding-left
Sets a fixed amount of padding on the left side of a scroll container that specifically interacts with scroll snapping.
It is documented as part of the CSS Scroll Snap specification.
Syntax
/* Usage Example */
.tabs-scroller {
/* Ensures tabs are always 20px from the left edge when they snap */
scroll-padding-left: 20px;
}
/* Syntax */
scroll-padding-left: auto;
/* Global values */
scroll-padding-left: inherit;
scroll-padding-left: initial;
scroll-padding-left: revert;
scroll-padding-left: revert-layer;
scroll-padding-left: unset;scroll-padding-left Browser support
Widely available
Since
2020 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.
69+
68+
14.1+
79+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more