- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Wed, 30 Nov 2011 19:18:08 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-images
In directory hutz:/tmp/cvs-serv17738
Modified Files:
Overview.html Overview.src.html
Log Message:
Changed the grammar of radial gradients per the resolution at telcon.
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.html,v
retrieving revision 1.222
retrieving revision 1.223
diff -u -d -r1.222 -r1.223
--- Overview.html 30 Nov 2011 19:03:51 -0000 1.222
+++ Overview.html 30 Nov 2011 19:18:06 -0000 1.223
@@ -9,25 +9,6 @@
<link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet
type="text/css">
- <style type="text/css">
- /* delete this block when you've cleared out all the .replaceme elements */
- .replaceme {
- border: solid red;
- padding: 0 0.5em;
- margin: 0 0.1em;
- background: yellow;
- color: green;
[...3008 lines suppressed...]
+ <td>Initial:
- <td>Applies to:
+ <td>Applies to:
- <td>Inherited:
+ <td>Inherited:
- <td>Percentages:
+ <td>Percentages:
- <td>Media:
- </table>
- <!--end-properties-->
+ <td>Media:
+ </table>
+ <!--end-properties--></div>
</html>
<!-- Keep this comment at the end of the file
Local variables:
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.src.html,v
retrieving revision 1.230
retrieving revision 1.231
diff -u -d -r1.230 -r1.231
--- Overview.src.html 30 Nov 2011 19:03:51 -0000 1.230
+++ Overview.src.html 30 Nov 2011 19:18:06 -0000 1.231
@@ -4,26 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CSS Image Values and Replaced Content Module Level 3</title>
<link rel="stylesheet" type="text/css" href="../css-module/default.css">
- <link rel="stylesheet" type="text/css"
- href="http://www.w3.org/StyleSheets/TR/W3C-[STATUS].css">
- <style type="text/css">
- /* delete this block when you've cleared out all the .replaceme elements */
- .replaceme {
- border: solid red;
- padding: 0 0.5em;
- margin: 0 0.1em;
- background: yellow;
- color: green;
- }
- .replaceme:before {
- content: "FIXME(";
- color: black;
- }
- .replaceme:after {
- content: ")";
- color: black;
- }
- </style>
+ <link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-[STATUS].css">
</head>
<div class="head">
@@ -119,12 +100,12 @@
<h3 id="values">
Values</h3>
- <p>This specification follows the <a href="http://www.w3.org/TR/CSS21/about.html#property-defs">CSS property definition conventions</a> from [[!CSS21]]. Value types not defined in this specification are defined in CSS Level 2 Revision 1 [[!CSS21]]. Other CSS modules may expand the definitions of these value types: for example [[CSS3COLOR]], when combined with this module, expands the definition of the <color> value type as used in this specification.</p>
+ <p>This specification follows the <a href="http://www.w3.org/TR/CSS21/about.html#property-defs">CSS property definition conventions</a> from [[!CSS21]]. Value types not defined in this specification are defined in CSS Level 2 Revision 1 [[!CSS21]]. Other CSS modules may expand the definitions of these value types: for example [[CSS3COLOR]], when combined with this module, expands the definition of the <color> value type as used in this specification.</p>
<p>In addition to the property-specific values listed in their definitions, all properties defined in this specification also accept the <a href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">inherit</a> keyword as their property value. For readability it has not been repeated explicitly.
<h2 id='resolution-units'>
-Resolution Units: the <resolution> type</h2>
+Resolution Units: the <resolution> type</h2>
<p>This specification defines the following units as part of the <dfn><resolution></dfn>
value type:</p>
@@ -640,33 +621,32 @@
<p>The radial gradient syntax is defined as follows:
- <pre class=prod>
-<dfn><radial-gradient></dfn> = radial-gradient(
- [ <var><shape></var> , |
- <var><shape></var>? [ at <var><position></var> || to <var><extent></var> ] ,
- ]?
- <var><color-stop></var> [ , <var><color-stop></var> ]+
-)</pre>
+ <pre>
+<radial-gradient> = radial-gradient(
+ [ [ <shape> || <size> ] [ at <position> ]? ,]?
+ <color-stop> [ , <color-stop> ]+
+)
+<extent-keyword> = closest-corner | closest-side | farthest-corner | farthest-side</pre>
<p>The arguments are defined as follows:
<dl>
- <dt id='radial-shape'><dfn><shape></dfn></dt>
+ <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 <i><shape></i> is omitted, the <i>ending shape</i> defaults
- to a circle if the <i><extent></i> is a single <length>,
+ If <i><shape></i> is omitted, the <i>ending shape</i> defaults
+ to a circle if the <i><size></i> is a single <length>,
and to an ellipse otherwise.
- <dt id='radial-position'><dfn><position></dfn></dt>
- <dd>Determines the center of the gradient. The <i><position></i> notation
+ <dt id='radial-position'><dfn><position></dfn></dt>
+ <dd>Determines the center of the gradient. The <i><position></i> notation
is defined by the positioning syntax of
'<a href="http://www.w3.org/TR/css3-background/#the-background-position">background-position</a>'
and is resolved in the same way, using the center-point as the subject and
the content box as the positioning area. [[!CSS21]] [[!CSS3BG]]
If this argument is omitted, it defaults to ''center''. <span class='note'>Note that the CR of CSS3 B&B doesn't yet have a definition of <position> - it's defined in the ED, and an update to B&B is expected.</span>
- <dt id='radial-extent'><dfn><extent></dfn>
+ <dt id='radial-size'><dfn><size></dfn>
<dd>
<p>Determines the size of the gradient's <i>ending shape</i>. If
omitted it defaults to ''farthest-corner''. It can be given explicitly or
@@ -675,7 +655,7 @@
being finite line segments.
<p>Both ''circle'' and ''ellipse'' gradients accept the following keywords
- as their <i><extent></i>:
+ as their <i><size></i>:
<dl>
<dt><dfn id='radial-closest-side'>''closest-side''</dfn></dt>
@@ -700,24 +680,24 @@
have if ''farthest-side'' were specified.
</dl>
- <p>If <i><shape></i> is specified as ''circle'' or is omitted,
- <i><extent></i> may be given explicitly as:
+ <p>If <i><shape></i> is specified as ''circle'' or is omitted, the
+ <i><size></i> may be given explicitly as:
<dl>
- <dt><dfn id='radial-size-circle'><length></dfn></dt>
+ <dt><dfn id='radial-size-circle'><length></dfn></dt>
<dd>Gives the radius of the circle explicitly. Negative values are
- not allowed.
+ invalid.
</dl>
- <p>If <i><shape></i> is specified as ''ellipse'' or is omitted,
- <i><extent></i> may instead be given explicitly as:
+ <p>If <i><shape></i> is specified as ''ellipse'' or is omitted,
+ <i><extent></i> may instead be given explicitly as:
<dl>
- <dt><dfn id='radial-size-circle'>[<length> | <percentage>]{2}</dfn></dt>
+ <dt><dfn id='radial-size-ellipse'>[<length> | <percentage>]{2}</dfn></dt>
<dd>Gives the size of the ellipse explicitly. The first value represents
the horizontal radius, the second the vertical radius. Percentages
values are relative to the corresponding dimension of the box.
- Negative values are not allowed.
+ Negative values are invalid.
</dl>
</dd>
</dl>
@@ -727,15 +707,13 @@
<pre>
<radial-gradient> = radial-gradient(
- [ [ circle | ellipse ] , |
- [ circle | ellipse ]? [ at <position> || to <extent-keyword> ] , |
- circle? [ at <position> || to <length> ] , |
- ellipse? [ at <position> || to [<length> | <percentage>]{2} ] ,
+ [ [ circle || [ <length> ] ] [ at <position> ]? , |
+ [ ellipse || [ <length> | <percentage> ]{2} ] [ at <position> ]? , |
+ [ [ circle | ellipse ] || <extent-keyword> ] [ at <position> ]? ,
]?
<color-stop> [ , <color-stop> ]+
)
<extent-keyword> = closest-corner | closest-side | farthest-corner | farthest-side</pre>
- </div>
<h4 class="no-toc" id="radial-color-stops">
Placing Color Stops</h4>
Received on Wednesday, 30 November 2011 19:18:14 UTC