CSS · Properties — CSS Scroll Snap

scroll-snap-align

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

Syntax
scroll-snap-align: [ none | start | end | center ]{1,2}

Example

Try it

Notes

Media: visual. 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