You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Percentages: relative to the corresponding dimension of the scroll container's visual viewport
325
325
Media: interactive
326
326
Computed value: as specified, with lengths made absolute
327
-
Animatable: yes
327
+
Animatable: as length, percentage, or calc
328
328
</pre>
329
329
330
330
The 'scroll-snap-padding' property defines the <a>snap alignment container</a>, a region inset from the visual viewport of a <a>scroll container</a> used in calculating its <a>snap positions</a>. The snap alignment container is used as the alignment container when calculating <a>snap positions</a>.
Computed value: as specified, with lengths made absolute
387
-
Animatable: yes
387
+
Animatable: as length
388
388
</pre>
389
389
390
390
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.
@@ -471,7 +471,7 @@ Physical Longhands for 'scroll-snap-padding' {#padding-longhands-physical}
471
471
Percentages: relative to the scroll container's visual viewport
472
472
Media: interactive
473
473
Computed value: as specified, with lengths made absolute
474
-
Animatable: yes
474
+
Animatable: as length, percentage, or calc
475
475
</pre>
476
476
477
477
These <a>longhands</a> of 'scroll-snap-padding' specify the top, right, bottom, and left edges of the <a>snap alignment container</a>, respectively.
@@ -488,7 +488,7 @@ Flow-relative Longhands for 'scroll-snap-padding' {#padding-longhands-logical}
488
488
Percentages: relative to the scroll container's visual viewport
489
489
Media: interactive
490
490
Computed value: as specified, with lengths made absolute
491
-
Animatable: yes
491
+
Animatable: as length, percentage, or calc
492
492
</pre>
493
493
494
494
These <a>longhands</a> of 'scroll-snap-padding' specify the block-start, inline-start, block-end, and inline-end edges of the <a>snap alignment container</a>, respectively.
@@ -502,7 +502,7 @@ Flow-relative Longhands for 'scroll-snap-padding' {#padding-longhands-logical}
502
502
Percentages: relative to the scroll container's visual viewport
503
503
Media: interactive
504
504
Computed value: as specified, with lengths made absolute
505
-
Animatable: yes
505
+
Animatable: as length, percentage, or calc
506
506
</pre>
507
507
508
508
These <a>shorthands</a> of 'scroll-snap-padding-block-start' + 'scroll-snap-padding-block-end' and 'scroll-snap-padding-inline-start' + 'scroll-snap-padding-inline-end' are <a>longhands</a> of 'scroll-snap-padding', and specify the block-axis and inline-axis edges of the <a>snap alignment container</a>, respectively.
@@ -521,7 +521,7 @@ Physical Longhands for 'scroll-snap-margin' {#margin-longhands-physical}
521
521
Percentages: n/a
522
522
Media: interactive
523
523
Computed value: as specified, with lengths made absolute
524
-
Animatable: yes
524
+
Animatable: as length
525
525
</pre>
526
526
527
527
These <a>longhands</a> of 'scroll-snap-margin' specify the top, right, bottom, and left edges of the <a>scroll snap margin</a>, respectively.
@@ -538,7 +538,7 @@ Flow-relative Longhands for 'scroll-snap-margin' {#margin-longhands-logical}
538
538
Percentages: n/a
539
539
Media: interactive
540
540
Computed value: as specified, with lengths made absolute
541
-
Animatable: yes
541
+
Animatable: as length
542
542
</pre>
543
543
544
544
These <a>longhands</a> of 'scroll-snap-margin' specify the block-start, inline-start, block-end, and inline-end edges of the <a>scroll snap margin</a>, respectively.
@@ -552,7 +552,7 @@ Flow-relative Longhands for 'scroll-snap-margin' {#margin-longhands-logical}
552
552
Percentages: n/a
553
553
Media: interactive
554
554
Computed value: as specified, with lengths made absolute
555
-
Animatable: yes
555
+
Animatable: as length
556
556
</pre>
557
557
558
558
These <a>shorthands</a> of 'scroll-snap-margin-block-start' + 'scroll-snap-margin-block-end' and 'scroll-snap-margin-inline-start' + 'scroll-snap-margin-inline-end' are <a>longhands</a> of 'scroll-snap-margin', and specify the block-axis and inline-axis edges of the <a>scroll snap margin</a>, respectively.
0 commit comments