[css-snappoints] Renaming snap-area to snap-margin

Author: ChumpChief

css-snappoints/Overview.bs

@@ -102,7 +102,7 @@ Ignored Terms: scroll-snap-positions-*, containing block chain
 
             <figcaption>
                 The layout of the scroll container's contents in the example.
-                The snap alignment container is represented by the red rectangle, and the snap area is represented by the yellow rectangle.  Since the scroll-snap-align is "center" in the X axis, a snap position is established at each scroll offset which aligns the X-center of the snap alignment container (represented by a red dotted line) with the X-center of a snap area (represented by a yellow dotted line).
+                The snap alignment container is represented by the red rectangle, and the snap margin is represented by the yellow rectangle.  Since the scroll-snap-align is "center" in the X axis, a snap position is established at each scroll offset which aligns the X-center of the snap alignment container (represented by a red dotted line) with the X-center of a snap margin (represented by a yellow dotted line).
             </figcaption>
         </figure>
     </div>
@@ -124,7 +124,7 @@ Ignored Terms: scroll-snap-positions-*, containing block chain
                 width: 500px;
                 overflow-x: hidden;
                 overflow-y: auto;
-                /* Specifies that each element's snap area should
+                /* Specifies that each element's snap margin should
                    align with a 100px offset from the top edge. */
                 scroll-snap-padding: 100px 0 0;
                 /* Encourages scrolling to end at a snap position when the
@@ -147,7 +147,7 @@ Ignored Terms: scroll-snap-positions-*, containing block chain
 
             <figcaption>
                 The layout of the scroll container's contents in the example.
-                The snap alignment container is represented by the red rectangle (inset from the top by 100px due to the scroll-snap-padding), and the snap area is represented by the yellow rectangle.  Since the scroll-snap-align is "start" in the Y axis, a snap position is established at each scroll offset which aligns the Y-start of the snap alignment container (represented by a red dotted line) with the Y-start of a snap area (represented by a yellow dotted line).
+                The snap alignment container is represented by the red rectangle (inset from the top by 100px due to the scroll-snap-padding), and the snap margin is represented by the yellow rectangle.  Since the scroll-snap-align is "start" in the Y axis, a snap position is established at each scroll offset which aligns the Y-start of the snap alignment container (represented by a red dotted line) with the Y-start of a snap margin (represented by a yellow dotted line).
             </figcaption>
         </figure>
     </div>
@@ -164,7 +164,7 @@ Ignored Terms: scroll-snap-positions-*, containing block chain
 
     Valid <a>snap positions</a> can be specified
     as a particular alignment ('scroll-snap-align')
-    of an element's <a>scroll snap area</a> ('scroll-snap-area', defaulting to its margin box)
+    of an element's <a>scroll snap margin</a> ('scroll-snap-margin', defaulting to its margin box)
     within the <a>scroll container</a>’s <a>snap alignment container</a>
     (the rectangle obtained by reducing its visual viewport by its 'scroll-snap-padding').
     This is conceptually equivalent to specifying the alignment of
@@ -188,9 +188,9 @@ Ignored Terms: scroll-snap-positions-*, containing block chain
             A scroll container's snap alignment container is the rectangle obtained by reducing its visual viewport by its 'scroll-snap-padding'.
             <p class="issue">Better name for this concept?</p>
 
-        <dt><dfn lt="scroll snap area" local-lt="snap area" export>snap area</dfn>
+        <dt><dfn lt="scroll snap margin" local-lt="snap margin" export>snap margin</dfn>
         <dd>
-            An element's snap area is the rectangle obtained by expanding its border box by its 'scroll-snap-area'.
+            An element's snap margin is the rectangle obtained by expanding its border box by its 'scroll-snap-margin'.
 
         <dt><dfn lt="scroll snap position" local-lt="snap position" export>snap position</dfn>
         <dd>
@@ -259,12 +259,12 @@ Ignored Terms: scroll-snap-positions-*, containing block chain
 
     This property is a shorthand property that sets all of the 'scroll-snap-padding-*' longhands in one declaration.
 
-<h2 id="scroll-snap-area">Scroll Snap Area: the 'scroll-snap-area' property</h2>
+<h2 id="scroll-snap-margin">Scroll Snap Margin: the 'scroll-snap-margin' property</h2>
 
-    The 'scroll-snap-area' property defines the <a>scroll snap area</a> on elements within a <a>scroll container</a>, used in calculating <a>snap positions</a> for that scroll container.
+    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.
 
     <pre class="propdef">
-    Name: scroll-snap-area
+    Name: scroll-snap-margin
     Value: <<length>>{1,4}
     Initial: 0
     Applies to: all elements
@@ -275,19 +275,19 @@ Ignored Terms: scroll-snap-positions-*, containing block chain
     Animatable: yes
     </pre>
 
-    <dl dfn-type=value dfn-for="scroll-snap-area">
+    <dl dfn-type=value dfn-for="scroll-snap-margin">
         <dt><dfn><<length>>{1,4}</dfn>
         <dd>
-            Specifies the outset of the element's snap area 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.
+            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.
 
-            Note: This ensures that the <a>scroll snap area</a> is always rectangular and axis-aligned to the <a>scroll container's</a> coordinate space.
+            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.
     </dl>
 
-    This property is a shorthand property that sets all of the 'scroll-snap-area-*' longhands in one declaration.
+    This property is a shorthand property that sets all of the 'scroll-snap-margin-*' longhands in one declaration.
 
 <h2 id="scroll-snap-align">Scroll Snap Align: the 'scroll-snap-align' property</h2>
 
-    The 'scroll-snap-align' property specifies how a scroll container's region specified by 'scroll-snap-padding' should align with descendent elements' scroll snap area.  The two values specify the snapping behavior in the x and y axes, respectively.  If only one value is specified, the second value defaults to the same value.
+    The 'scroll-snap-align' property specifies how a scroll container's region specified by 'scroll-snap-padding' should align with descendent elements' scroll snap margin.  The two values specify the snapping behavior in the x and y axes, respectively.  If only one value is specified, the second value defaults to the same value.
 
     <p class="issue">
         Should this be x/y axes, or inline/block?  Starting with x/y axes for consistency with padding/area, otherwise a writing mode change would result in a axis mismatch (since padding is physical by default).
@@ -312,15 +312,15 @@ Ignored Terms: scroll-snap-positions-*, containing block chain
 
         <dt><dfn>start</dfn>
         <dd>
-            The scroll offset which aligns the start edge of this box's scroll snap area with the start edge of its ancestor scroll container's region defined by 'scroll-snap-padding' in the specified axis is a <a>snap position</a> in that axis.
+            The scroll offset which aligns the start edge of this box's scroll snap margin with the start edge of its ancestor scroll container's region defined by 'scroll-snap-padding' in the specified axis is a <a>snap position</a> in that axis.
 
         <dt><dfn>end</dfn>
         <dd>
-            The scroll offset which aligns the end edge of this box's scroll snap area with the end edge of its ancestor scroll container's region defined by 'scroll-snap-padding' in the specified axis is a <a>snap position</a> in that axis.
+            The scroll offset which aligns the end edge of this box's scroll snap margin with the end edge of its ancestor scroll container's region defined by 'scroll-snap-padding' in the specified axis is a <a>snap position</a> in that axis.
 
         <dt><dfn>center</dfn>
         <dd>
-            The scroll offset which aligns the center of this box's scroll snap area with the center of its ancestor scroll container's region defined by 'scroll-snap-padding' in the specified axis is a <a>snap position</a> in that axis.
+            The scroll offset which aligns the center of this box's scroll snap margin with the center of its ancestor scroll container's region defined by 'scroll-snap-padding' in the specified axis is a <a>snap position</a> in that axis.
     </dl>
 
 <h2 class=no-num id="acknowledgments">Acknowledgments</h2>