Skip to content

Commit 3655c9d

Browse files
committed
[css-snappoints] Rewording definition of length values for snap margin
1 parent 5fa614d commit 3655c9d

File tree

1 file changed

+10
-7
lines changed

1 file changed

+10
-7
lines changed

css-snappoints/Overview.bs

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -389,13 +389,16 @@ Scroll Snap Margin: the 'scroll-snap-margin' property {#scroll-snap-margin}
389389

390390
The 'scroll-snap-margin' property defines the <a>scroll snap margin</a> on elements within a <a>scroll container</a>, used in calculating <a>snap positions</a> for that scroll container.
391391

392-
<dl dfn-type="value" dfn-for="scroll-snap-margin">
393-
<dt><dfn><<length>>{1,4}</dfn>
394-
<dd>
395-
Specifies the outset of the element's snap margin from the axis-aligned bounding box of the transformed border box, in the <a>scroll container's</a> coordinate space. Outsets are applied to this bounding box, not the border box.
396-
397-
Note: This ensures that the <a>scroll snap margin</a> is always rectangular and axis-aligned to the <a>scroll container's</a> coordinate space.
398-
</dl>
392+
The 'scroll-snap-margin' property defines
393+
the <dfn lt="scroll snap area" local-lt="snap area">scroll snap area</dfn>
394+
that is used for snapping this box to the viewport.
395+
The <<length>> values give outsets
396+
(interpreted as for 'margin' or 'border-image-outset').
397+
The <a>scroll snap area</a> is the rectangular bounding box of the transformed border box,
398+
plus the specified outsets,
399+
axis-aligned in the <a>scroll container’s</a> coordinate space.
400+
401+
Note: This ensures that the <a>scroll snap margin</a> is always rectangular and axis-aligned to the <a>scroll container's</a> coordinate space.
399402

400403
This property is a <a>shorthand property</a> that sets all of the <a href="#longhands"><css>scroll-snap-margin-*</css> longhands</a> in one declaration.
401404

0 commit comments

Comments
 (0)