The CSS Propertie scroll-padding-inline

The scroll-padding-inline shorthand sets scroll-padding on the inline axis — accepts 1-2 values: one value applies to both inline-start and inline-end; two values — inline-start then inline-end. Percentages resolve against the scrollport's inline-axis size.

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

.scroller { scroll-padding-inline: 10px 30px; }

min:0 max:9999 step:1

units:px | % | em | rem

autoUA-determined offset.

CSS Scroll Snap Module Level 1

Editor's Draft

<length-percentage>

W3C MDN