This property is a shorthand property that sets all of the scroll-margin-* longhands in one declaration, assigning values to the longhands representing each side exactly as the
property does for its longhands.]]>
These shorthands of
+
and
+
are longhands of
, and specify the block-axis and inline-axis edges of the scroll snap area, respectively.]]>
These longhands of
specify the block-start, inline-start, block-end, and inline-end edges of the scroll snap area, respectively.]]>
These longhands of
specify the block-start, inline-start, block-end, and inline-end edges of the scroll snap area, respectively.]]>
These longhands of
specify the top, right, bottom, and left edges of the scroll snap area, respectively.]]>
These shorthands of
+
and
+
are longhands of
, and specify the block-axis and inline-axis edges of the scroll snap area, respectively.]]>
These longhands of
specify the block-start, inline-start, block-end, and inline-end edges of the scroll snap area, respectively.]]>
These longhands of
specify the block-start, inline-start, block-end, and inline-end edges of the scroll snap area, respectively.]]>
These longhands of
specify the top, right, bottom, and left edges of the scroll snap area, respectively.]]>
These longhands of
specify the top, right, bottom, and left edges of the scroll snap area, respectively.]]>
These longhands of
specify the top, right, bottom, and left edges of the scroll snap area, respectively.]]>
This property specifies offsets that define the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.]]>
These shorthands of
+
and
+
are longhands of
, and specify the block-axis and inline-axis edges of the snapport, respectively.]]>
These longhands of
specify the block-start, inline-start, block-end, and inline-end edges of the snapport, respectively.]]>
These longhands of
specify the block-start, inline-start, block-end, and inline-end edges of the snapport, respectively.]]>
These longhands of
specify the top, right, bottom, and left edges of the snapport, respectively.]]>
These shorthands of
+
and
+
are longhands of
, and specify the block-axis and inline-axis edges of the snapport, respectively.]]>
These longhands of
specify the block-start, inline-start, block-end, and inline-end edges of the snapport, respectively.]]>
These longhands of
specify the block-start, inline-start, block-end, and inline-end edges of the snapport, respectively.]]>
These longhands of
specify the top, right, bottom, and left edges of the snapport, respectively.]]>
These longhands of
specify the top, right, bottom, and left edges of the snapport, respectively.]]>
These longhands of
specify the top, right, bottom, and left edges of the snapport, respectively.]]>
The scroll-snap-align property specifies the box’s snap position as an alignment of its snap area (as the alignment subject) within its snap container’s snapport (as the alignment container). The two values specify the snapping alignment in the block axis and inline axis, respectively. If only one value is specified, the second value defaults to the same value.]]>
When scrolling with an intended direction, the scroll container can “pass over” several possible snap positions (that would be valid to snap to, if the scrolling operation used the same direction but a lesser distance) before reaching the natural endpoint of the scroll operation and selecting its final scroll position. The scroll-snap-stop property allows such a possible snap position to “trap” the scrolling operation, forcing the scroll container to stop before the scrolling operation would naturally end.]]>
The scroll-snap-type property specifies whether a scroll container is a scroll snap container, how strictly it snaps, and which axes are considered. If no strictness value is specified, proximity is assumed.]]>