CSS · Properties — CSS Scroll Snap

scroll-padding-block

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

cssRunnable example css course

Syntax

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

Example

Try it

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

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

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