W3C home > Mailing lists > Public > public-css-commits@w3.org > February 2012

csswg/css3-images Overview.html,1.281,1.282 Overview.src.html,1.291,1.292

From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
Date: Thu, 09 Feb 2012 10:36:08 +0000
To: public-css-commits@w3.org
Message-Id: <E1RvRMG-0007OH-QZ@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-images
In directory hutz:/tmp/cvs-serv28375

Modified Files:
	Overview.html Overview.src.html 
Log Message:
Editorial changes from the list.

Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.html,v
retrieving revision 1.281
retrieving revision 1.282
diff -u -d -r1.281 -r1.282
--- Overview.html	7 Feb 2012 16:21:40 -0000	1.281
+++ Overview.html	9 Feb 2012 10:36:06 -0000	1.282
@@ -16,7 +16,7 @@
 
    <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>
@@ -24,7 +24,7 @@
 
     <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 @@
 
   <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.
+   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:
 
-  <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.
+  <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 @@
   <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 @@
    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 @@
   <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 @@
    <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 @@
    <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>
 

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.src.html,v
retrieving revision 1.291
retrieving revision 1.292
diff -u -d -r1.291 -r1.292
--- Overview.src.html	7 Feb 2012 16:21:40 -0000	1.291
+++ Overview.src.html	9 Feb 2012 10:36:06 -0000	1.292
@@ -489,19 +489,14 @@
 
 	<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 @@
 	<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 @@
 <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 @@
 
 	<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 @@
 		<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>
Received on Thursday, 9 February 2012 10:36:10 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 6 January 2015 20:44:50 UTC