CSS · Properties — CSS Scroll Snap

scroll-padding-inline

The CSS scroll-padding-inline property. Initial value: scroll-padding-inline-start,scroll-padding-inline-end. Not inherited.

cssRunnable example css course

Syntax

scroll-padding-inline: [ auto | <length-percentage> ]{1,2}

Example

Try it

.demo { scroll-padding-inline: initial; }

Media: visual. Applies to: scrollContainers. Computed value: scroll-padding-inline-start,scroll-padding-inline-end.

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.