scroll-padding-inline-end
Sets the snap padding at the 'end' of the scroll container in the text flow (usually the right side). Applied to the container, it affects where all items inside will snap.
Quick example
.horizontal-gallery {
/* Ensures 20px of space on the right side of the container during snaps */
scroll-padding-inline-end: 20px;
}Quick facts
Initial value
autoInherited
No
Applies to
scroll containers
Animation type
byComputedValueType
Values
auto scroll-padding-inline-end 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+
15+
79+