CSS · Properties — CSS Scroll Snap

scroll-snap-type

The CSS scroll-snap-type property. Initial value: none. Not inherited.

Syntax
scroll-snap-type: none | [ x | y | block | inline | both ] [ mandatory | proximity ]?

Example

Try it

Notes

Media: interactive. Applies to: allElements. Computed value: asSpecified.

More in this group

scroll-initial-target scroll-margin scroll-margin-block scroll-margin-block-end scroll-margin-block-start scroll-margin-bottom scroll-margin-inline scroll-margin-inline-end

Learn this in the course

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

Open the course