- 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
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><gradient></i></a> is:
-
- <pre class=prod><dfn
- id=ltgradient><gradient></dfn> = [ <linear-gradient> | <radial-gradient> | <repeating-linear-gradient> | <repeating-radial-gradient> ]</pre>
-
- <p>where <a href="#ltlinear-gradient"><i><linear-gradient></i></a>,
- <i><radial-gradient></i>, <i><repeating-linear-gradient></i>, and
- <i><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><gradient></i></a> is:
- <p>Gradients are a type of image, and can be used anywhere an image can,
- such as in the ‘<code class=property>background-image</code>’
- or ‘<code class=property>list-style-image</code>’ properties.
+ <pre class=prod><dfn id=ltgradient><gradient></dfn> = [
+ <a
+ href="#ltlinear-gradient"><i><linear-gradient></i></a> | <a
+ href="#ltradial-gradient"><i><radial-gradient></i></a> |
+ <a
+ href="#ltrepeating-linear-gradient"><i><repeating-linear-gradient></i></a> | <a
+ href="#ltrepeating-radial-gradient"><i><repeating-radial-gradient></i></a> ]</pre>
<div class=example>
<p>As with the other <a href="#ltimage"><i><image></i></a> types
@@ -1116,7 +1112,8 @@
<p>The radial gradient syntax is defined as follows:
<pre>
-<radial-gradient> = radial-gradient(
+<dfn
+ id=ltradial-gradient><radial-gradient></dfn> = radial-gradient(
[ [ <shape> || <size> ] [ at <position> ]? , |
at <position>,
]?
@@ -1382,13 +1379,14 @@
class=css>repeating-linear-gradient()</code>’ and ‘<code
class=css>repeating-radial-gradient()</code>’ notations</h3>
- <p>In addition to the ‘<code
- class=css>linear-gradient()</code>’ and ‘<code
- class=css>radial-gradient()</code>’ functions, this specification
- defines ‘<code class=css>repeating-linear-gradient()</code>’
- and ‘<code class=css>repeating-radial-gradient()</code>’
- 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><linear-gradient></i></a> and <a
+ href="#ltradial-gradient"><i><radial-gradient></i></a>, this
+ specification defines <dfn
+ id=ltrepeating-linear-gradient><repeating-linear-gradient></dfn> and
+ <dfn id=ltrepeating-radial-gradient><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><position>, <a href="#ltposition"
title="<position>"><strong>4.2.1.</strong></a>
+ <li><radial-gradient>, <a href="#ltradial-gradient"
+ title="<radial-gradient>"><strong>4.2.1.</strong></a>
+
<li>renderer, <a href="#renderer" title=renderer><strong>7.2.</strong></a>
+ <li><repeating-linear-gradient>, <a href="#ltrepeating-linear-gradient"
+ title="<repeating-linear-gradient>"><strong>4.3.</strong></a>
+
+ <li><repeating-radial-gradient>, <a href="#ltrepeating-radial-gradient"
+ title="<repeating-radial-gradient>"><strong>4.3.</strong></a>
+
<li><resolution>, <a href="#ltresolution"
title="<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><gradient></i> is:</p>
- <pre class=prod><dfn><gradient></dfn> = [ <linear-gradient> | <radial-gradient> | <repeating-linear-gradient> | <repeating-radial-gradient> ]</pre>
-
- <p>where <i><linear-gradient></i>, <i><radial-gradient></i>,
- <i><repeating-linear-gradient></i>, and <i><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><gradient></dfn> = [
+ <i><linear-gradient></i> | <i><radial-gradient></i> |
+ <i><repeating-linear-gradient></i> | <i><repeating-radial-gradient></i> ]</pre>
<div class=example>
<p>As with the other <i><image></i> types defined in this specification,
@@ -663,7 +658,7 @@
<p>The radial gradient syntax is defined as follows:
<pre>
-<radial-gradient> = radial-gradient(
+<dfn><radial-gradient></dfn> = radial-gradient(
[ [ <shape> || <size> ] [ at <position> ]? , |
at <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><linear-gradient></i> and <i><radial-gradient></i>,
+ this specification defines <dfn><repeating-linear-gradient></dfn> and
+ <dfn><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