scroll-padding-right
Sets a fixed amount of padding on the right side of a scroll container that specifically interacts with scroll snapping.
Quick example
.cards-container {
/* Prevents cards from touching the right edge when snapping to the end */
scroll-padding-right: 30px;
}Quick facts
Initial value
autoInherited
No
Applies to
scroll containers
Animation type
byComputedValueType
Values
auto scroll-padding-right 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+