- From: Elika Etemad via cvs-syncmail <cvsmail@w3.org>
- Date: Wed, 09 Nov 2011 00:33:32 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-images In directory hutz:/tmp/cvs-serv5248 Modified Files: Overview.html Overview.src.html Log Message: Check in Brian's expanded grammar. Index: Overview.html =================================================================== RCS file: /sources/public/csswg/css3-images/Overview.html,v retrieving revision 1.193 retrieving revision 1.194 diff -u -d -r1.193 -r1.194 --- Overview.html 9 Nov 2011 00:13:08 -0000 1.193 +++ Overview.html 9 Nov 2011 00:33:30 -0000 1.194 @@ -879,8 +879,9 @@ <dd>Can be either ‘<code class=css>circle</code>’ or ‘<code class=css>ellipse</code>’; determines whether the gradient's <a href="#ending-shape"><i>ending shape</i></a> is a circle or - an ellipse, respectively. If the <shape> is omitted it defaults to - ‘<code class=css>ellipse</code>’. + an ellipse, respectively. If the <a + href="#ltshapegt"><i><shape></i></a> is omitted the <a + href="#ending-shape"><i>ending shape</i></a> defaults to an ellipse. <dt id=radial-position><dfn id=ltpositiongt><position></dfn> @@ -945,7 +946,7 @@ class=css>farthest-side</code>’ were specified. </dl> - <p>If the <a href="#ending-shape"><i>ending shape</i></a> is declared as + <p>If <a href="#ltshapegt"><i><shape></i></a> is specified as ‘<code class=css>circle</code>’ or is omitted, <a href="#ltextentgt"><i><extent></i></a> may be given explicitly as: @@ -957,15 +958,11 @@ allowed. </dl> - <p>If the <a href="#ending-shape"><i>ending shape</i></a> is declared as + <p>If <a href="#ltshapegt"><i><shape></i></a> is specified as ‘<code class=css>ellipse</code>’ or is omitted, <a href="#ltextentgt"><i><extent></i></a> may instead be given explicitly as: - <p>For ‘<code class=css>ellipse</code>’ gradients, <a - href="#ltextentgt"><i><extent></i></a> may instead be given - explicitly as: - <dl> <dt><dfn id=radial-size-circle>[<length> | <percentage>]{2}</dfn> @@ -977,6 +974,19 @@ </dl> </dl> + <p>The expanded grammar for ‘<code + class=css>radial-gradient()</code>’ is thus: + + <pre><radial-gradient> = radial-gradient( + [ [ [ circle | ellipse ] , ] | + [ [ circle | ellipse ]? [ at <position> || to <extent-keyword> ] , ] | + [ circle? <length>, ] | + [ ellipse? [<length> | <percentage>]{2} ] + ]? + <color-stop> [ , <color-stop> ]+ +) +<extent-keyword> = closest-corner | closest-side | farthest-corner | farthest-side</pre> + <h4 class=no-toc id=radial-color-stops><span class=secno>5.2.2. </span> Placing Color Stops</h4> Index: Overview.src.html =================================================================== RCS file: /sources/public/csswg/css3-images/Overview.src.html,v retrieving revision 1.201 retrieving revision 1.202 diff -u -d -r1.201 -r1.202 --- Overview.src.html 9 Nov 2011 00:13:08 -0000 1.201 +++ Overview.src.html 9 Nov 2011 00:33:30 -0000 1.202 @@ -561,7 +561,8 @@ <dt id='radial-shape'><dfn><shape></dfn></dt> <dd>Can be either ''circle'' or ''ellipse''; determines whether the gradient's <i>ending shape</i> is a circle or an ellipse, respectively. - If the <shape> is omitted it defaults to ''ellipse''. + If the <i><shape></i> is omitted the <i>ending shape</i> defaults + to an ellipse. <dt id='radial-position'><dfn><position></dfn></dt> <dd>Determines the center of the gradient. The <i><position></i> notation @@ -605,7 +606,7 @@ have if ''farthest-side'' were specified. </dl> - <p>If the <i>ending shape</i> is declared as ''circle'' or is omitted, + <p>If <i><shape></i> is specified as ''circle'' or is omitted, <i><extent></i> may be given explicitly as: <dl> @@ -614,12 +615,9 @@ not allowed. </dl> - <p>If the <i>ending shape</i> is declared as ''ellipse'' or is omitted, + <p>If <i><shape></i> is specified as ''ellipse'' or is omitted, <i><extent></i> may instead be given explicitly as: - <p>For ''ellipse'' gradients, <i><extent></i> may instead be given - explicitly as: - <dl> <dt><dfn id='radial-size-circle'>[<length> | <percentage>]{2}</dfn></dt> <dd>Gives the size of the ellipse explicitly. The first value represents @@ -630,6 +628,17 @@ </dd> </dl> + <p>The expanded grammar for ''radial-gradient()'' is thus: +<pre><radial-gradient> = radial-gradient( + [ [ [ circle | ellipse ] , ] | + [ [ circle | ellipse ]? [ at <position> || to <extent-keyword> ] , ] | + [ circle? <length>, ] | + [ ellipse? [<length> | <percentage>]{2} ] + ]? + <color-stop> [ , <color-stop> ]+ +) +<extent-keyword> = closest-corner | closest-side | farthest-corner | farthest-side</pre> + <h4 class="no-toc" id="radial-color-stops"> Placing Color Stops</h4>
Received on Wednesday, 9 November 2011 00:33:39 UTC