scroll-padding-left
Sets a fixed amount of padding on the left side of a scroll container that specifically interacts with scroll snapping.
Quick example
.tabs-scroller {
/* Ensures tabs are always 20px from the left edge when they snap */
scroll-padding-left: 20px;
}Quick facts
Initial value
autoInherited
No
Applies to
scroll containers
Animation type
byComputedValueType
Values
auto 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.
Safe to use without fallbacks.
69+
68+
14.1+
79+