[css-background] Rename <position> back to <bg-position> to allow css-values to define the generic syntax (which will drop the three-value syntax that causes parsing ambiguity in Transforms).

Author: fantasai

css-backgrounds/Overview.html

@@ -13,7 +13,7 @@
   <meta content="CSS Backgrounds and Borders Module Level 3"
    name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2016-09-19 name=dcterms.date>
+  <meta content=2017-03-14 name=dcterms.date>
   <meta content="Bert Bos" name=dcterms.creator>
   <meta content="Elika J. Etemad" name=dcterms.creator>
   <meta content="Brad Kemper" name=dcterms.creator>
@@ -45,7 +45,7 @@
 
    <h1>CSS Backgrounds and Borders Module Level 3</h1>
 
-   <h2 class="no-num no-toc">Editor's Draft 19 September 2016</h2>
+   <h2 class="no-num no-toc">Editor's Draft 14 March 2017</h2>
 
    <dl>
     <dt>This version:
@@ -101,7 +101,7 @@ <h2 class="no-num no-toc">Editor's Draft 19 September 2016</h2>
    <!--begin-copyright-->
    <p class=copyright><a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
-    rel=license>Copyright</a> © 2016 <a href="http://www.w3.org/"><abbr
+    rel=license>Copyright</a> © 2017 <a href="http://www.w3.org/"><abbr
     title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a
     href="http://www.csail.mit.edu/"><abbr
     title="Massachusetts Institute of Technology">MIT</abbr></a>, <a
@@ -1115,7 +1115,7 @@ <h3 id=the-background-position><span class=secno>3.6. </span>Positioning
     <tr>
      <th><a href="#values">Value</a>:
 
-     <td><a href="#position"><var>&lt;position&gt;</var></a>
+     <td><a href="#bg-position"><var>&lt;bg-position&gt;</var></a>
 
     <tr>
      <th>Initial:
@@ -1170,7 +1170,8 @@ <h3 id=the-background-position><span class=secno>3.6. </span>Positioning
 
   <p>Where
 
-  <pre class=prod><dfn id=position><var>&lt;position&gt;</var></dfn> = [
+  <pre class=prod><dfn
+   id=bg-position><var>&lt;bg-position&gt;</var></dfn> = [
   [ left | center | right | top | bottom | <var>&lt;length-percentage&gt;</var> ]
 |
   [ left | center | right | <var>&lt;length-percentage&gt;</var> ]
@@ -1850,7 +1851,7 @@ <h3 id=the-background><span class=secno>3.10. </span>Backgrounds Shorthand:
 
   <pre class=prod><dfn id=bg-layer><var>&lt;bg-layer&gt;</var></dfn> = <a
    href="#bg-image"><var>&lt;bg-image&gt;</var></a> || <a
-   href="#position"><var>&lt;position&gt;</var></a> [ / <a
+   href="#bg-position"><var>&lt;bg-position&gt;</var></a> [ / <a
    href="#bg-size"><var>&lt;bg-size&gt;</var></a> ]? || <a
    href="#repeat-style"><var>&lt;repeat-style&gt;</var></a> || <a
    href="#attachment"><var>&lt;attachment&gt;</var></a> || <a
@@ -1860,7 +1861,7 @@ <h3 id=the-background><span class=secno>3.10. </span>Backgrounds Shorthand:
   <pre class=prod><dfn
    id=final-bg-layer><var>&lt;final-bg-layer&gt;</var></dfn> =  <var>&lt;'background-color'&gt;</var> || <a
    href="#bg-image"><var>&lt;bg-image&gt;</var></a> || <a
-   href="#position"><var>&lt;position&gt;</var></a> [ / <a
+   href="#bg-position"><var>&lt;bg-position&gt;</var></a> [ / <a
    href="#bg-size"><var>&lt;bg-size&gt;</var></a> ]? || <a
    href="#repeat-style"><var>&lt;repeat-style&gt;</var></a> || <a
    href="#attachment"><var>&lt;attachment&gt;</var></a> || <a
@@ -4500,6 +4501,10 @@ <h3 id=changes-2014-09><span class=secno>9.1. </span> Changes since the 9
 
    <li>Dropped effect of ‘<a href="#border-radius"><code
     class=property>border-radius</code></a>’ from collapsed-borders tables.
+
+   <li>Renamed <var>&lt;position&gt;</var> back to <a
+    href="#bg-position"><var>&lt;bg-position&gt;</var></a> since other
+    properties will be eliding the three-value syntax.
   </ul>
 
   <h3 id=changes-2014-02><span class=secno>9.2. </span> Changes since the 4
@@ -4737,13 +4742,11 @@ <h3 id=changes-2011><span class=secno>9.6. </span> Changes Since the 15
     "Animatable" line to property definition tables.
 
    <li><a href="#the-background-position">Section 3.6</a>: Renamed
-    &lt;bg-position&gt; production to <a
-    href="#position"><i>&lt;position&gt;</i></a> for easier re-use in
-    other specifications and recast the grammar to be more verbose but easier
-    to understand.
+    &lt;bg-position&gt; production to <i>&lt;position&gt;</i> for easier
+    re-use in other specifications and recast the grammar to be more verbose
+    but easier to understand.
     <blockquote>
-     <pre class=prod><del>bg-position</del><a
-      href="#position"><ins>&lt;position&gt;</ins></a> = [
+     <pre class=prod><del>bg-position</del><ins>&lt;position&gt;</ins> = [
   [ <ins>left | center | right |</ins> top | bottom <ins>| <var>&lt;length-percentage&gt;</var></ins> ]
 |
   [ left | center | right | <var>&lt;length-percentage&gt;</var> ]
@@ -4903,10 +4906,10 @@ <h3 class=no-num id=other-references> Other References</h3>
    <dt id=ref-CSS-BREAK-3>[CSS-BREAK-3]
 
    <dd>Rossen Atanassov; Elika J. Etemad / fantasai. <a
-    href="http://www.w3.org/TR/2016/CR-css-break-3-20160114/"><cite>CSS
-    Fragmentation Module Level 3.</cite></a> 14 January 2016. W3C Candidate
+    href="https://www.w3.org/TR/2017/CR-css-break-3-20170209/"><cite>CSS
+    Fragmentation Module Level 3.</cite></a> 9 February 2017. W3C Candidate
     Recommendation. (Work in progress.) URL: <a
-    href="http://www.w3.org/TR/2016/CR-css-break-3-20160114/">http://www.w3.org/TR/2016/CR-css-break-3-20160114/</a>
+    href="https://www.w3.org/TR/2017/CR-css-break-3-20170209/">https://www.w3.org/TR/2017/CR-css-break-3-20170209/</a>
    </dd>
    <!---->
 
@@ -5097,7 +5100,7 @@ <h2 class=no-num id=property-index> Property Index</h2>
      <th><a class=property
       href="#background-position">background-position</a>
 
-     <td>&lt;position&gt;
+     <td>&lt;bg-position&gt;
 
      <td>0% 0%
 
@@ -5707,6 +5710,9 @@ <h2 class=no-num id=index>Index</h2>
    <li><var>&lt;bg-layer&gt;</var>, <a href="#bg-layer"
     title="section 3.10."><strong>3.10.</strong></a>
 
+   <li><var>&lt;bg-position&gt;</var>, <a href="#bg-position"
+    title="section 3.6."><strong>3.6.</strong></a>
+
    <li><var>&lt;bg-size&gt;</var>, <a href="#bg-size"
     title="section 3.9."><strong>3.9.</strong></a>
 
@@ -5955,9 +5961,6 @@ <h2 class=no-num id=index>Index</h2>
       title="section 3.8."><strong>3.8.</strong></a>
     </ul>
 
-   <li><var>&lt;position&gt;</var>, <a href="#position"
-    title="section 3.6."><strong>3.6.</strong></a>
-
    <li>renderer, <a href="#renderer"
     title="section 8.2."><strong>8.2.</strong></a>
 

css-backgrounds/Overview.src.html

@@ -666,7 +666,7 @@ <h3 id="the-background-position">Positioning Images: the 'background-position' p
     <tr>
       <th><a href="#values">Value</a>:
 
-      <td><var>&lt;position&gt;</var>
+      <td><var>&lt;bg-position&gt;</var>
     <tr>
       <th>Initial:
       <td>0% 0%
@@ -698,7 +698,7 @@ <h3 id="the-background-position">Positioning Images: the 'background-position' p
 within their corresponding <span>background positioning area.</span>
 
 <p>Where
-<pre class=prod><dfn><var>&lt;position&gt;</var></dfn> = [
+<pre class=prod><dfn><var>&lt;bg-position&gt;</var></dfn> = [
   [ left | center | right | top | bottom | <var>&lt;length-percentage&gt;</var> ]
 |
   [ left | center | right | <var>&lt;length-percentage&gt;</var> ]
@@ -1242,9 +1242,9 @@ <h3 id="the-background">Backgrounds Shorthand: the 'background' property</h3>
 
 <p>Where
 
-<pre class=prod><dfn><var>&lt;bg-layer&gt;</var></dfn> = <var>&lt;bg-image&gt;</var> || <var>&lt;position&gt;</var> [ / <var>&lt;bg-size&gt;</var> ]? || <var>&lt;repeat-style&gt;</var> || <var>&lt;attachment&gt;</var> || <var>&lt;box&gt;</var> || <var>&lt;box&gt;</var></pre>
+<pre class=prod><dfn><var>&lt;bg-layer&gt;</var></dfn> = <var>&lt;bg-image&gt;</var> || <var>&lt;bg-position&gt;</var> [ / <var>&lt;bg-size&gt;</var> ]? || <var>&lt;repeat-style&gt;</var> || <var>&lt;attachment&gt;</var> || <var>&lt;box&gt;</var> || <var>&lt;box&gt;</var></pre>
 
-<pre class=prod><dfn><var>&lt;final-bg-layer&gt;</var></dfn> =  <var>&lt;'background-color'&gt;</var> || <var>&lt;bg-image&gt;</var> || <var>&lt;position&gt;</var> [ / <var>&lt;bg-size&gt;</var> ]? || <var>&lt;repeat-style&gt;</var> || <var>&lt;attachment&gt;</var> || <var>&lt;box&gt;</var> || <var>&lt;box&gt;</var></pre>
+<pre class=prod><dfn><var>&lt;final-bg-layer&gt;</var></dfn> =  <var>&lt;'background-color'&gt;</var> || <var>&lt;bg-image&gt;</var> || <var>&lt;bg-position&gt;</var> [ / <var>&lt;bg-size&gt;</var> ]? || <var>&lt;repeat-style&gt;</var> || <var>&lt;attachment&gt;</var> || <var>&lt;box&gt;</var> || <var>&lt;box&gt;</var></pre>
 
 <p class=note>Note that a color is permitted in
 <var>&lt;final-bg-layer&gt;</var>, but not in <var>&lt;bg-layer&gt;</var>.
@@ -3254,6 +3254,8 @@ <h3 id="changes-2014-09">
   <li>Moved <var>&lt;'background-color'></var> component of <var>&lt;final-bg-layer></var> to the front for serialization
   because some authors seem to expect this even though it makes less sense?
   <li>Dropped effect of 'border-radius' from collapsed-borders tables.
+  <li>Renamed <var>&lt;position&gt;</var> back to <var>&lt;bg-position&gt;</var>
+      since other properties will be eliding the three-value syntax.
 </ul>
 
 <h3 id="changes-2014-02">