Editorial changes from the list.

Author: tabatkins

css3-images/Overview.html

@@ -16,15 +16,15 @@
 
    <h1>CSS Image Values and Replaced Content Module Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 7 February
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 9 February
     2012</h2>
 
    <dl>
     <dt>This Version:
 
     <dd><a
      href="http://dev.w3.org/csswg/css3-images/">http://dev.w3.org/csswg/css3-images/</a>
-     <!-- <dd><a href="http://www.w3.org/TR/2012/ED-css3-images-20120207/">http://www.w3.org/TR/2012/WD-css3-images-20120207/</a>-->
+     <!-- <dd><a href="http://www.w3.org/TR/2012/ED-css3-images-20120209/">http://www.w3.org/TR/2012/WD-css3-images-20120209/</a>-->
 
 
     <dt>Latest Version:
@@ -888,22 +888,18 @@ <h2 id=gradients><span class=secno>4. </span> Gradients</h2>
 
   <p>A gradient is an image that smoothly fades from one color to another.
    These are commonly used for subtle shading in background images, buttons,
-   and many other things. The two functions described in this section allow
-   an author to specify such an image in a terse syntax, so that the UA can
-   generate the image automatically when rendering the page. The syntax of a
-   <a href="#ltgradient"><i>&lt;gradient></i></a> is:
-
-  <pre class=prod><dfn
-   id=ltgradient>&lt;gradient></dfn> = [ &lt;linear-gradient> | &lt;radial-gradient> | &lt;repeating-linear-gradient> | &lt;repeating-radial-gradient> ]</pre>
-
-  <p>where <a href="#ltlinear-gradient"><i>&lt;linear-gradient></i></a>,
-   <i>&lt;radial-gradient></i>, <i>&lt;repeating-linear-gradient></i>, and
-   <i>&lt;repeating-radial-gradient></i> are defined in their applicable
-   sections below.
-
-  <p>Gradients are a type of image, and can be used anywhere an image can,
-   such as in the &lsquo;<code class=property>background-image</code>&rsquo;
-   or &lsquo;<code class=property>list-style-image</code>&rsquo; properties.
+   and many other things. The gradient notations described in this section
+   allow an author to specify such an image in a terse syntax, so that the UA
+   can generate the image automatically when rendering the page. The syntax
+   of a <a href="#ltgradient"><i>&lt;gradient></i></a> is:
+
+  <pre class=prod><dfn id=ltgradient>&lt;gradient></dfn> = [ 
+	<a
+   href="#ltlinear-gradient"><i>&lt;linear-gradient></i></a> | <a
+   href="#ltradial-gradient"><i>&lt;radial-gradient></i></a> | 
+	<a
+   href="#ltrepeating-linear-gradient"><i>&lt;repeating-linear-gradient></i></a> | <a
+   href="#ltrepeating-radial-gradient"><i>&lt;repeating-radial-gradient></i></a> ]</pre>
 
   <div class=example>
    <p>As with the other <a href="#ltimage"><i>&lt;image></i></a> types
@@ -1116,7 +1112,8 @@ <h4 class=no-toc id=radial-gradient-syntax><span class=secno>4.2.1. </span>
   <p>The radial gradient syntax is defined as follows:
 
   <pre>
-&lt;radial-gradient> = radial-gradient(
+<dfn
+   id=ltradial-gradient>&lt;radial-gradient></dfn> = radial-gradient(
   [ [ &lt;shape> || &lt;size> ] [ at &lt;position> ]? , |
     at &lt;position>, 
   ]?
@@ -1382,13 +1379,14 @@ <h3 id=repeating-gradients><span class=secno>4.3. </span> Repeating
    class=css>repeating-linear-gradient()</code>&rsquo; and &lsquo;<code
    class=css>repeating-radial-gradient()</code>&rsquo; notations</h3>
 
-  <p>In addition to the &lsquo;<code
-   class=css>linear-gradient()</code>&rsquo; and &lsquo;<code
-   class=css>radial-gradient()</code>&rsquo; functions, this specification
-   defines &lsquo;<code class=css>repeating-linear-gradient()</code>&rsquo;
-   and &lsquo;<code class=css>repeating-radial-gradient()</code>&rsquo;
-   functions. These two functions take the same values and are interpreted
-   the same as their respective non-repeating siblings defined previously.
+  <p>In addition to <a
+   href="#ltlinear-gradient"><i>&lt;linear-gradient></i></a> and <a
+   href="#ltradial-gradient"><i>&lt;radial-gradient></i></a>, this
+   specification defines <dfn
+   id=ltrepeating-linear-gradient>&lt;repeating-linear-gradient></dfn> and
+   <dfn id=ltrepeating-radial-gradient>&lt;repeating-radial-gradient></dfn>
+   values. These two notations take the same values and are interpreted the
+   same as their respective non-repeating siblings defined previously.
 
   <p>When rendered, however, the color-stops are repeated infinitely in both
    directions, with their positions shifted by multiples of the difference
@@ -1429,7 +1427,7 @@ <h3 id=repeating-gradients><span class=secno>4.3. </span> Repeating
   <p>If the distance between the first and last color-stops is zero (or
    rounds to zero due to implementation limitations), the implementation must
    <a href="#find-the-average-color-of-a-gradient"><i
-   title=gradient-average-color>find the average color</i></a> of a gradient
+   title=gradient-average-color>find the average color of a gradient</i></a>
    with the same number and color of color-stops, but with the first and last
    color-stop an arbitrary non-zero distance apart, and the remaining
    color-stops equally spaced between them. Then it must render the gradient
@@ -1984,8 +1982,8 @@ <h3 id=object-fit><span class=secno>5.4. </span> Sizing Objects: the
    <dd>
     <p>Set the content's size to the <a
      href="#concrete-object-size"><i>concrete object size</i></a> obtained by
-     running the <i title=default-sizing>object sizing algorithm</i> with no
-     <a href="#specified-size"><i>specified size</i></a>, and a <a
+     running the <a href="#default-sizing">object sizing algorithm</a> with
+     no <a href="#specified-size"><i>specified size</i></a>, and a <a
      href="#default-object-size"><i>default object size</i></a> equal to the
      replaced element's used width and height.</p>
 
@@ -2830,9 +2828,18 @@ <h2 class=no-num id=index>Index</h2>
    <li>&lt;position>, <a href="#ltposition"
     title="&lt;position>"><strong>4.2.1.</strong></a>
 
+   <li>&lt;radial-gradient>, <a href="#ltradial-gradient"
+    title="&lt;radial-gradient>"><strong>4.2.1.</strong></a>
+
    <li>renderer, <a href="#renderer" title=renderer><strong>7.2.</strong></a>
 
 
+   <li>&lt;repeating-linear-gradient>, <a href="#ltrepeating-linear-gradient"
+    title="&lt;repeating-linear-gradient>"><strong>4.3.</strong></a>
+
+   <li>&lt;repeating-radial-gradient>, <a href="#ltrepeating-radial-gradient"
+    title="&lt;repeating-radial-gradient>"><strong>4.3.</strong></a>
+
    <li>&lt;resolution>, <a href="#ltresolution"
     title="&lt;resolution>"><strong>2.</strong></a>
 

css3-images/Overview.src.html

@@ -489,19 +489,14 @@ <h2 id="gradients">
 
 	<p>A gradient is an image that smoothly fades from one color to another.  These 
 	are commonly used for subtle shading in background images, buttons, and many 
-	other things.  The two functions described in this section allow an author to 
+	other things.  The gradient notations described in this section allow an author to 
 	specify such an image in a terse syntax, so that the UA can generate the image 
 	automatically when rendering the page.
 	The syntax of a <i>&lt;gradient></i> is:</p>
 
-	<pre class=prod><dfn>&lt;gradient></dfn> = [ &lt;linear-gradient> | &lt;radial-gradient> | &lt;repeating-linear-gradient> | &lt;repeating-radial-gradient> ]</pre>
-
-	<p>where <i>&lt;linear-gradient></i>, <i>&lt;radial-gradient></i>,
-	<i>&lt;repeating-linear-gradient></i>, and <i>&lt;repeating-radial-gradient></i> are 
-	defined in their applicable sections below.</p>
-
-	<p>Gradients are a type of image, and can be used anywhere an image can,
-	such as in the 'background-image' or 'list-style-image' properties.
+	<pre class=prod><dfn>&lt;gradient></dfn> = [ 
+	<i>&lt;linear-gradient></i> | <i>&lt;radial-gradient></i> | 
+	<i>&lt;repeating-linear-gradient></i> | <i>&lt;repeating-radial-gradient></i> ]</pre>
 
 	<div class=example>
 		<p>As with the other <i>&lt;image></i> types defined in this specification, 
@@ -663,7 +658,7 @@ <h4 class='no-toc' id='radial-gradient-syntax'>
 	<p>The radial gradient syntax is defined as follows:
 
 	<pre>
-&lt;radial-gradient> = radial-gradient(
+<dfn>&lt;radial-gradient></dfn> = radial-gradient(
   [ [ &lt;shape> || &lt;size> ] [ at &lt;position> ]? , |
     at &lt;position>, 
   ]?
@@ -840,9 +835,9 @@ <h4 class='no-toc' id='radial-gradient-examples'>
 <h3 id='repeating-gradients'>
 Repeating Gradients: the ''repeating-linear-gradient()'' and ''repeating-radial-gradient()'' notations</h3>
 
-	<p>In addition to the ''linear-gradient()'' and ''radial-gradient()'' functions, 
-	this specification defines ''repeating-linear-gradient()'' and 
-	''repeating-radial-gradient()'' functions.  These two functions take the 
+	<p>In addition to <i>&lt;linear-gradient></i> and <i>&lt;radial-gradient></i>,
+	this specification defines <dfn>&lt;repeating-linear-gradient></dfn> and 
+	<dfn>&lt;repeating-radial-gradient></dfn> values.  These two notations take the 
 	same values and are interpreted the same as their respective non-repeating 
 	siblings defined previously.</p>
 
@@ -870,7 +865,7 @@ <h3 id='repeating-gradients'>
 
 	<p>If the distance between the first and last color-stops is non-zero, but is small enough that the implementation knows that the physical resolution of the output device is insufficient to faithfully render the gradient, the implementation must <i title="gradient-average-color">find the average color of the gradient</i> and render the gradient as a solid-color image equal to the average color.</p>
 
-	<p>If the distance between the first and last color-stops is zero (or rounds to zero due to implementation limitations), the implementation must <i title="gradient-average-color">find the average color</i> of a gradient with the same number and color of color-stops, but with the first and last color-stop an arbitrary non-zero distance apart, and the remaining color-stops equally spaced between them.  Then it must render the gradient as a solid-color image equal to that average color.</p>
+	<p>If the distance between the first and last color-stops is zero (or rounds to zero due to implementation limitations), the implementation must <i title="gradient-average-color">find the average color of a gradient</i> with the same number and color of color-stops, but with the first and last color-stop an arbitrary non-zero distance apart, and the remaining color-stops equally spaced between them.  Then it must render the gradient as a solid-color image equal to that average color.</p>
 
 	<p>If the height of a repeating radial gradient is zero, or is close enough to zero that the implementation knows that the physical resolution of the output device is insufficient to faithfully render the gradient, the implementation must <i title="gradient-average-color">find the average color of the gradient</i> and render the gradient as a solid-color image equal to the average color.</p>
 
@@ -1270,7 +1265,7 @@ <h3 id="object-fit">
 		<dt>''none''</dt>
 		<dd>
 			<p>Set the content's size to the <i>concrete object size</i> obtained
-			by running the <i title=default-sizing>object sizing algorithm</i> with
+			by running the <a href='#default-sizing'>object sizing algorithm</a> with
 			no <i>specified size</i>, and a <i>default object size</i> equal to 
 			the replaced element's used width and height.</p>
 		</dd>