scroll-padding CSS Property

The scroll-padding shorthand defines inward offsets from the scroll container's scrollport edges, defining the optimal viewing region. Percentages resolve against the scrollport dimensions. One value applies to all sides; two/three/four values follow standard padding ordering.

.scroller { scroll-padding: 20px; }

.scroller { scroll-padding: 80px 20px 20px 20px; }

min:0 max:9999 step:1

units:px | % | em | rem

autoThe default value. UA-determined offset (generally defaulting to 0px), may adapt based on context.

CSS Scroll Snap Module Level 1

Editor's Draft

<length-percentage>

W3C MDN