- From: Elika Etemad via cvs-syncmail <cvsmail@w3.org>
- Date: Mon, 07 Nov 2011 23:38:30 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-images
In directory hutz:/tmp/cvs-serv28006
Modified Files:
Overview.html Overview.src.html
Log Message:
Clarifications and editorial fixes to radial-gradient().
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.html,v
retrieving revision 1.181
retrieving revision 1.182
diff -u -d -r1.181 -r1.182
--- Overview.html 5 Nov 2011 01:04:58 -0000 1.181
+++ Overview.html 7 Nov 2011 23:38:28 -0000 1.182
@@ -17,12 +17,12 @@
<h1>CSS Image Values and Replaced Content Module Level 3</h1>
- <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 5 November
+ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 7 November
2011</h2>
<dl>
<dt>This Version:</dt>
- <!--<dd><a href="http://www.w3.org/TR/2011/ED-css3-images-20111105/">http://www.w3.org/TR/2011/WD-css3-images-20111105/</a>-->
+ <!--<dd><a href="http://www.w3.org/TR/2011/ED-css3-images-20111107/">http://www.w3.org/TR/2011/WD-css3-images-20111107/</a>-->
<dd><a
href="http://dev.w3.org/csswg/css3-images/">http://dev.w3.org/csswg/css3-images/</a>
@@ -901,9 +901,10 @@
<dt><dfn id=radial-closest-side>‘<code
class=css>closest-side</code>’</dfn>
- <dd>The <i>ending shape</i> is sized so that that it exactly meets the
- side of the box closest to the gradient's center. If the shape is an
- ellipse, it exactly meets the closest side in both dimensions.
+ <dd>The <a href="#ending-shape"><i>ending-shape</i></a> is sized so that
+ that it is tangent to the side of the box closest to the gradient's
+ center. If the shape is an ellipse, it is tangent to the closest side
+ in both dimensions.
<dt><dfn id=radial-farthest-side>‘<code
class=css>farthest-side</code>’</dfn>
@@ -916,7 +917,7 @@
class=css>closest-corner</code>’</dfn>
<dd>The <i>ending shape</i> is sized so that that it passes through the
- side of the box closest to the gradient's center. If the shape is an
+ corner of the box closest to the gradient's center. If the shape is an
ellipse, the <a href="#ending-shape"><i>ending-shape</i></a> is given
the same aspect-ratio it would have if ‘<code
class=css>closest-side</code>’ were specified.
@@ -931,15 +932,14 @@
ratio it would have if ‘<code
class=css>farthest-side</code>’ were specified.
- <dt><dfn id=radial-size>[<length> or
- <percentage>]{1,2}</dfn>
+ <dt><dfn id=radial-size>[<length> | <percentage>]{1,2}</dfn>
<dd>Gives the size of the shape explicitly. The first value represents
the horizontal radius, the second the vertical radius. Percentages
values are relative to the corresponding dimension of the box. If only
- one value is specified, both are the same. If the shape is specified to
- be a circle, a ‘<code class=css>radial-gradient()</code>’
- with two values is invalid. Negative values are also invalid.
+ one value is specified, it applies to both dimensions. If the shape is
+ declared as a circle, only a single <length> value is allowed.
+ Negative values are never allowed.
</dl>
<p>Some combinations of position, size, and shape will produce a circle
@@ -948,7 +948,7 @@
class=css>closest-side</code>’ or ‘<code
class=css>closest-corner</code>’ is specified or if the size and
shape are given explicitly and either of the radiuses is zero. In these
- instances, the gradient must be be rendered as follows:</p>
+ degenerate cases, the gradient must be be rendered as follows:</p>
<dl>
<dt>If the <a href="#ending-shape"><i>ending-shape</i></a> has zero
@@ -2273,8 +2273,8 @@
<li>intrinsic width, <a href="#intrinsic-width"
title="intrinsic width"><strong>6.1.</strong></a>
- <li>[<length> or <percentage>]{1,2}, <a href="#radial-size"
- title="[<length> or <percentage>]{1,2}"><strong>5.2.1.</strong></a>
+ <li>[<length> | <percentage>]{1,2}, <a href="#radial-size"
+ title="[<length> | <percentage>]{1,2}"><strong>5.2.1.</strong></a>
<li><linear-gradient>, <a href="#ltlinear-gradient"
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.src.html,v
retrieving revision 1.188
retrieving revision 1.189
diff -u -d -r1.188 -r1.189
--- Overview.src.html 5 Nov 2011 01:04:58 -0000 1.188
+++ Overview.src.html 7 Nov 2011 23:38:28 -0000 1.189
@@ -576,15 +576,15 @@
by keyword. Possible keywords are:
<dl>
<dt><dfn id='radial-closest-side'>''closest-side''</dfn></dt>
- <dd>The <i>ending shape</i> is sized so that that it exactly meets the
+ <dd>The <i>ending-shape</i> is sized so that that it is tangent to the
side of the box closest to the gradient's center. If the shape is an
- ellipse, it exactly meets the closest side in both dimensions.</p>
+ ellipse, it is tangent to the closest side in both dimensions.</p>
<dt><dfn id='radial-farthest-side'>''farthest-side''</dfn></dt>
<dd>Same as ''closest-side'', except the <i>ending-shape</i> is sized
based on the farthest side(s).</dd>
<dt><dfn id='radial-closest-corner'>''closest-corner''</dfn></dt>
<dd>The <i>ending shape</i> is sized so that that it passes through the
- side of the box closest to the gradient's center. If the shape is an
+ corner of the box closest to the gradient's center. If the shape is an
ellipse, the <i>ending-shape</i> is given the same aspect-ratio
it would have if ''closest-side'' were specified.
</dd>
@@ -593,13 +593,13 @@
sized based on the farthest corner. If the shape is an ellipse,
the <i>ending-shape</i> is given the same aspect ratio it would
have if ''farthest-side'' were specified.
- <dt><dfn id='radial-size'>[<length> or <percentage>]{1,2}</dfn></dt>
+ <dt><dfn id='radial-size'>[<length> | <percentage>]{1,2}</dfn></dt>
<dd>Gives the size of the shape explicitly. The first value represents
- the horizontal radius, the second the vertical radius. Percentages
- values are relative to the corresponding dimension of the box.
- If only one value is specified, both are the same. If the shape is
- specified to be a circle, a ''radial-gradient()'' with two values is
- invalid. Negative values are also invalid.
+ the horizontal radius, the second the vertical radius. Percentages
+ values are relative to the corresponding dimension of the box.
+ If only one value is specified, it applies to both dimensions.
+ If the shape is declared as a circle, only a single <length>
+ value is allowed. Negative values are never allowed.
</dd>
</dl>
@@ -607,8 +607,8 @@
or ellipse with a radius of 0. This will occur, for example, if the
center is on a box edge and ''closest-side'' or ''closest-corner'' is
specified or if the size and shape are given explicitly and either of
- the radiuses is zero. In these instances, the gradient must be be
- rendered as follows:</p>
+ the radiuses is zero. In these degenerate cases, the gradient must be
+ be rendered as follows:</p>
<dl>
<dt>If the <i>ending-shape</i> has zero width (regardless of the height):</dt>
Received on Monday, 7 November 2011 23:38:38 UTC