CSS · Properties — CSS Scroll Snap

scroll-padding

The CSS scroll-padding property. Initial value: scroll-padding-bottom,scroll-padding-left,scroll-padding-right,scroll-padding-top. Not inherited.

cssRunnable example css course

Syntax

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

Example

Try it

.demo { scroll-padding: initial; }

Media: visual. Applies to: scrollContainers. Computed value: scroll-padding-bottom,scroll-padding-left,scroll-padding-right,scroll-padding-top.

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