[css-images] Fix <position> refs.

--HG--
extra : rebase_source : 60967bbe0ecf56247e1816a941e7fe8a4509a0f0

Author: tabatkins

css-images/Overview.bs

@@ -12,8 +12,8 @@ Editor: fantasai, Mozilla, http://fantasai.inkedblade.net/contact
 Abstract: This module contains the features of CSS level 4 relating to the <<image>> type and replaced elements. It includes and extends the functionality of CSS Image Values and Replaced Content Module Level 3. The main extensions compared to level&nbsp;3 are several additions to the <<image>> type, additions to the <<gradient>> type, extentions to the ''image()'' function, definitions for interpolating several <<image>> types, and several properties controlling the interaction of replaced elements and CSS's layout models.
 !Issue Tracking: <a href="http://www.w3.org/Style/CSS/Tracker/products/27">http://www.w3.org/Style/CSS/Tracker/products/27</a>
 Previous Version: http://www.w3.org/TR/2012/WD-css4-images-20120911/
-Ignored Terms: <offset>, background positioning area, border image area, <meetorslice>, <ending-shape>, Map, <position>
-Link Defaults: css21 (property) display, css-values-3 (type) <position>
+Ignored Terms: <offset>, background positioning area, border image area, <meetorslice>, <ending-shape>, Map
+Link Defaults: css21 (property) display
 </pre>
 
 <h2 id="intro">

css-images/Overview.html

@@ -54,7 +54,7 @@
 </p>
   <h1 class="p-name no-ref" id=title>CSS Image Values and Replaced Content Module Level 4</h1>
   <h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
-    <span class=dt-updated><span class=value-title title=20140417>17 April 2014</span></span></span></h2>
+    <span class=dt-updated><span class=value-title title=20140422>22 April 2014</span></span></span></h2>
   <div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css-images-4/>http://dev.w3.org/csswg/css-images-4/</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css4-images/>http://www.w3.org/TR/css4-images/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/css-images-4/>http://dev.w3.org/csswg/css-images-4/</a><dt>Previous Versions:<dd><a href=http://www.w3.org/TR/2012/WD-css4-images-20120911/ rel=previous>http://www.w3.org/TR/2012/WD-css4-images-20120911/</a>
     <dt>Feedback:</dt>
         <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-images%5D%20feedback">www-style@w3.org</a>
@@ -1238,8 +1238,8 @@ <h4 class="no-toc heading settled heading" data-level=4.2.1 id=radial-gradient-s
 <p>	The radial gradient syntax is:
 
 	<pre>  <dfn class=css-code data-dfn-type=function data-export="" id=funcdef-radial-gradient>radial-gradient()<a class=self-link href=#funcdef-radial-gradient></a></dfn> = radial-gradient(
-    [ [ <a class="production css-code" data-link-type=type title="<ending-shape>">&lt;ending-shape&gt;</a> || <a class="production css-code" data-link-type=type href=#typedef-size title="<size>">&lt;size&gt;</a> ] [ at <a class="production css-code" data-link-type=type title="<position>">&lt;position&gt;</a> ]? , |
-      at <a class="production css-code" data-link-type=type title="<position>">&lt;position&gt;</a>,
+    [ [ <a class="production css-code" data-link-type=type title="<ending-shape>">&lt;ending-shape&gt;</a> || <a class="production css-code" data-link-type=type href=#typedef-size title="<size>">&lt;size&gt;</a> ] [ at <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#position title="<position>">&lt;position&gt;</a> ]? , |
+      at <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#position title="<position>">&lt;position&gt;</a>,
     ]?
     <a class="production css-code" data-link-type=type href=#typedef-color-stop-list title="<color-stop-list>">&lt;color-stop-list&gt;</a>
   )
@@ -1254,15 +1254,15 @@ <h4 class="no-toc heading settled heading" data-level=4.2.1 id=radial-gradient-s
 		We should add the ability to move the focus of the gradient,
 		as in the original -webkit-gradient() function.
 		See proposal in <a href=http://lists.w3.org/Archives/Public/www-style/2011Nov/0210.html>http://lists.w3.org/Archives/Public/www-style/2011Nov/0210.html</a>
-		for "from <a class="production css-code" data-link-type=type title="<position>">&lt;position&gt;</a>" and "from offset <a class="production css-code" data-link-type=type title="<offset>">&lt;offset&gt;</a>".
+		for "from <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#position title="<position>">&lt;position&gt;</a>" and "from offset <a class="production css-code" data-link-type=type title="<offset>">&lt;offset&gt;</a>".
 
 <p>	The arguments are defined as follows:
 
 	<dl data-dfn-for="radial-gradient() repeating-radial-gradient()" data-dfn-type=value>
-		<dt><dfn class=css-code data-dfn-for="radial-gradient() repeating-radial-gradient()" data-dfn-type=value data-export="" id=valuedef-position><a class="production css-code" data-link-type=type title="<position>">&lt;position&gt;</a><a class=self-link href=#valuedef-position></a></dfn>
+		<dt><dfn class=css-code data-dfn-for="radial-gradient() repeating-radial-gradient()" data-dfn-type=value data-export="" id=valuedef-position><a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#position title="<position>">&lt;position&gt;</a><a class=self-link href=#valuedef-position></a></dfn>
 		<dd>
 			Determines the <dfn data-dfn-type=dfn data-noexport="" id=gradient-center>gradient center<a class=self-link href=#gradient-center></a></dfn> of the gradient.
-			The <a class="production css-code" data-link-type=type title="<position>">&lt;position&gt;</a> value type
+			The <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#position title="<position>">&lt;position&gt;</a> value type
 			(which is also used for <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-backgrounds-3/#background-position title=background-position>background-position</a>)
 			is defined in <a data-biblio-type=normative data-link-type=biblio href=#css3val title=css3val>[CSS3VAL]</a>,
 			and is resolved using the center-point as the object area
@@ -1358,10 +1358,10 @@ <h4 class="no-toc heading settled heading" data-level=4.2.1 id=radial-gradient-s
 		the grammar becomes:
 
 		<pre>  radial-gradient() = radial-gradient(
-    [ [ circle               || <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a> ]                          [ at <a class="production css-code" data-link-type=type title="<position>">&lt;position&gt;</a> ]? , |
-      [ ellipse              || [ <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a> | <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#percentage-value title="<percentage>">&lt;percentage&gt;</a> ]{2} ]    [ at <a class="production css-code" data-link-type=type title="<position>">&lt;position&gt;</a> ]? , |
-      [ [ circle | ellipse ] || <a class="production css-code" data-link-type=type href=#typedef-extent-keyword title="<extent-keyword>">&lt;extent-keyword&gt;</a> ]                  [ at <a class="production css-code" data-link-type=type title="<position>">&lt;position&gt;</a> ]? , |
-      at <a class="production css-code" data-link-type=type title="<position>">&lt;position&gt;</a> ,
+    [ [ circle               || <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a> ]                          [ at <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#position title="<position>">&lt;position&gt;</a> ]? , |
+      [ ellipse              || [ <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a> | <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#percentage-value title="<percentage>">&lt;percentage&gt;</a> ]{2} ]    [ at <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#position title="<position>">&lt;position&gt;</a> ]? , |
+      [ [ circle | ellipse ] || <a class="production css-code" data-link-type=type href=#typedef-extent-keyword title="<extent-keyword>">&lt;extent-keyword&gt;</a> ]                  [ at <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#position title="<position>">&lt;position&gt;</a> ]? , |
+      at <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#position title="<position>">&lt;position&gt;</a> ,
     ]?
     <a class="production css-code" data-link-type=type href=#typedef-color-stop title="<color-stop>">&lt;color-stop&gt;</a> [ , <a class="production css-code" data-link-type=type href=#typedef-color-stop title="<color-stop>">&lt;color-stop&gt;</a> ]+
   )
@@ -1504,11 +1504,11 @@ <h4 class="no-toc heading settled heading" data-level=4.3.1 id=conic-gradient-sy
 <p>	The syntax for a conic gradient is:
 
 	<pre class=prod>  <dfn class=css-code data-dfn-type=function data-export="" id=funcdef-conic-gradient>conic-gradient()<a class=self-link href=#funcdef-conic-gradient></a></dfn> = conic-gradient(
-    [ at <a class="production css-code" data-link-type=type title="<position>">&lt;position&gt;</a> , ]?
+    [ at <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#position title="<position>">&lt;position&gt;</a> , ]?
     <a class="production css-code" data-link-type=type href=#typedef-angular-color-stop-list title="<angular-color-stop-list>">&lt;angular-color-stop-list&gt;</a>
   )
 </pre>
-<p>	The <a class="production css-code" data-link-type=type title="<position>">&lt;position&gt;</a> argument is defined in [!CSS3VAL],
+<p>	The <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#position title="<position>">&lt;position&gt;</a> argument is defined in [!CSS3VAL],
 	and is resolved using the center-point as the object area
 	and the gradient box as the positioning area.
 	If this argument is omitted,
@@ -2236,9 +2236,9 @@ <h3 class="heading settled heading" data-level=5.5 id=the-object-fit><span class
 <h3 class="heading settled heading" data-level=5.6 id=the-object-position><span class=secno>5.6 </span><span class=content>
 Positioning Objects: the <a class=property data-link-type=propdesc href=#propdef-object-position title=object-position>object-position</a> property</span><a class=self-link href=#the-object-position></a></h3>
 
-<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-object-position>object-position<a class=self-link href=#propdef-object-position></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type title="<position>">&lt;position&gt;</a><tr><th>Initial:<td>50% 50%<tr><th>Applies to:<td>replaced elements<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>specified value<tr><th>Canonical order:<td>the horizontal component of the <a class="production css-code" data-link-type=type title="<position>">&lt;position&gt;</a>, followed by the vertical component<tr><th>Percentages:<td>refer to width and height of element itself<tr><th>Animatable:<td>yes</table>
+<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-object-position>object-position<a class=self-link href=#propdef-object-position></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#position title="<position>">&lt;position&gt;</a><tr><th>Initial:<td>50% 50%<tr><th>Applies to:<td>replaced elements<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>specified value<tr><th>Canonical order:<td>the horizontal component of the <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#position title="<position>">&lt;position&gt;</a>, followed by the vertical component<tr><th>Percentages:<td>refer to width and height of element itself<tr><th>Animatable:<td>yes</table>
 <p>	The <a class=property data-link-type=propdesc href=#propdef-object-position title=object-position>object-position</a> property determines the alignment of the replaced element inside its box.
-	The <a class="production css-code" data-link-type=type title="<position>">&lt;position&gt;</a> value type
+	The <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#position title="<position>">&lt;position&gt;</a> value type
 	(which is also used for <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-backgrounds-3/#background-position title=background-position>background-position</a>)
 	is defined in <a data-biblio-type=normative data-link-type=biblio href=#css3val title=css3val>[CSS3VAL]</a>,
 	and is resolved using the <a data-link-type=dfn href=#concrete-object-size title="concrete object size">concrete object size</a> as the object area
@@ -3014,7 +3014,7 @@ <h2 class="no-num heading settled" id=issues-index><span class=content>Issues In
 		We should add the ability to move the focus of the gradient,
 		as in the original -webkit-gradient() function.
 		See proposal in <a href=http://lists.w3.org/Archives/Public/www-style/2011Nov/0210.html>http://lists.w3.org/Archives/Public/www-style/2011Nov/0210.html</a>
-		for "from <a class="production css-code" data-link-type=type title="<position>">&lt;position&gt;</a>" and "from offset <a class="production css-code" data-link-type=type title="<offset>">&lt;offset&gt;</a>".
+		for "from <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-backgrounds-3/#position title="<position>">&lt;position&gt;</a>" and "from offset <a class="production css-code" data-link-type=type title="<offset>">&lt;offset&gt;</a>".
 
 <a href=#issue-403592eb> ↵ </a></div><div class=issue>
 		Anything else that might be useful?  Defining the shape of the gradient as elliptical, perhaps?