[css-snappoints] More rewording, and regen html

Author: ChumpChief

css-snappoints/Overview.bs

@@ -277,7 +277,7 @@ Scroll Snapping Rules: the 'scroll-snap-type' property {#scroll-snap-type}
 
         <dt><dfn>mandatory</dfn>
         <dd>
-            If specified on a <a>scroll container</a>, the <a>scroll container</a> is required to be <a>snapped</a> to a snap position when there are no active scrolling operations.  If a reachable snap position exists then the scroll container must <a>snap</a> at the termination of a scroll.  If no reachable snap position exists then no <a>snapping</a> occurs.
+            If specified on a <a>scroll container</a>, the <a>scroll container</a> is required to be <a>snapped</a> to a snap position when there are no active scrolling operations.  If a reachable snap position exists then the scroll container must <a>snap</a> at the termination of a scroll (if none exist then no <a>snapping</a> occurs).
 
             If the content changes such that the scroll container would no longer be <a>snapped</a> (e.g. content is added, moved, deleted, resized) to the same snap position it was snapped to before the content change, the scroll container must be re-snapped.  If the same snap position it was snapped to before the content change still exists (e.g. its associated element was not deleted) and is reachable, the scroll container must be re-snapped to that same snap position after the content change.
 
@@ -362,7 +362,7 @@ Scroll Snapping Rules: the 'scroll-snap-type' property {#scroll-snap-type}
 -->
 
 Scroll Snapport: the 'scroll-snap-padding' property {#scroll-snap-padding}
--------------------------------------------------------------------
+--------------------------------------------------------------------------
 
     <pre class="propdef">
     Name: scroll-snap-padding
@@ -376,7 +376,7 @@ Scroll Snapport: the 'scroll-snap-padding' property {#scroll-snap-padding}
     Animatable: as length, percentage, or calc
     </pre>
 
-    The 'scroll-snap-padding' property defines the <dfn local-lt="snapport">scroll snapport</dfn>, a region inset from the scrollport of a <a>scroll container</a> used in calculating its <a>snap positions</a>.  The snapport is used as the alignment container when calculating <a>snap positions</a>.  Values are interpreted as for 'padding', and specify inward offsets from each edge of the scrollport.
+    The 'scroll-snap-padding' property defines the <dfn local-lt="snapport">scroll snapport</dfn>, the area of the scrollport that is used as the <a>alignment container</a> for the <a>scroll snap areas</a> when calculating <a>snap positions</a>.  Values are interpreted as for 'padding', and specify inward offsets from each edge of the scrollport.
 
     <div class="example">
         In this example, scroll-snap-padding is used to center slideshow images within the portion of the scrollport that is not obscured by a fixed-position toolbar.
@@ -475,22 +475,33 @@ Scroll Snapping Alignment: the 'scroll-snap-align' property {#scroll-snap-align}
 
     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).
 
+    Values are defined as follows:
+
     <dl dfn-type="value" dfn-for="scroll-snap-align">
         <dt><dfn>none</dfn>
         <dd>
             This box does not define a <a>snap position</a> in the specified axis.
 
         <dt><dfn>start</dfn>
         <dd>
-            The scroll position 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.
+            Start alignment of this box's <a>scroll snap area</a>
+            within the <a>scroll container</a>'s <a>snapport</a>
+            is a <a>snap position</a>
+            in the specified axis.
 
         <dt><dfn>end</dfn>
         <dd>
-            The scroll position 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.
+            End alignment of this box's <a>scroll snap area</a>
+            within the <a>scroll container</a>'s <a>snapport</a>
+            is a <a>snap position</a>
+            in the specified axis.
 
         <dt><dfn>center</dfn>
         <dd>
-            The scroll position 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.
+            Center alignment of this box's <a>scroll snap area</a>
+            within the <a>scroll container</a>'s <a>snapport</a>
+            is a <a>snap position</a>
+            in the specified axis.
     </dl>
 
 <!--
@@ -559,7 +570,7 @@ Axis vs Point-Snapping {#snap-dimensions}
 -->
 
 Appendix A: Longhands {#longhands}
-=====================
+==================================
 
 Physical Longhands for 'scroll-snap-padding' {#padding-longhands-physical}
 --------------------------------------------------------------------------
@@ -612,7 +623,7 @@ Flow-relative Longhands for 'scroll-snap-padding'  {#padding-longhands-logical}
     If two values are specified, the first gives the start value and the second gives the end value.
 
 Physical Longhands for 'scroll-snap-margin'  {#margin-longhands-physical}
------------------------------------------------------------------------
+-------------------------------------------------------------------------
 
     <pre class="propdef">
     Name: scroll-snap-margin-top, scroll-snap-margin-right, scroll-snap-margin-bottom, scroll-snap-margin-left
@@ -629,7 +640,7 @@ Physical Longhands for 'scroll-snap-margin'  {#margin-longhands-physical}
     These <a>longhands</a> of 'scroll-snap-margin' specify the top, right, bottom, and left edges of the <a>scroll snap area</a>, respectively.
 
 Flow-relative Longhands for 'scroll-snap-margin'  {#margin-longhands-logical}
----------------------------------------------------------------------------
+-----------------------------------------------------------------------------
 
     <pre class="propdef">
     Name: scroll-snap-margin-block-start, scroll-snap-margin-inline-start, scroll-snap-margin-block-end, scroll-snap-margin-inline-end