W3C home > Mailing lists > Public > public-css-commits@w3.org > November 2011

csswg/css3-images Overview.html,1.222,1.223 Overview.src.html,1.230,1.231

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
Message-Id: <E1RVpfU-0004cV-Iz@lionel-hutz.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 &lt;color&gt; 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 &lt;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 &lt;resolution&gt; type</h2>
+Resolution Units: the &lt;resolution> type</h2>
 
 	<p>This specification defines the following units as part of the <dfn>&lt;resolution></dfn>
 	value type:</p>
@@ -640,33 +621,32 @@
 
 	<p>The radial gradient syntax is defined as follows:
 
-	<pre class=prod>
-<dfn>&lt;radial-gradient></dfn> = radial-gradient(
-  [ <var>&lt;shape&gt;</var> , |
-    <var>&lt;shape&gt;</var>? [ at <var>&lt;position&gt;</var> || to <var>&lt;extent&gt;</var> ] ,
-  ]?
-  <var>&lt;color-stop&gt;</var> [ , <var>&lt;color-stop&gt;</var> ]+
-)</pre>
+	<pre>
+&lt;radial-gradient> = radial-gradient(
+  [ [ &lt;shape> || &lt;size> ] [ at &lt;position> ]? ,]?
+  &lt;color-stop> [ , &lt;color-stop> ]+
+)
+&lt;extent-keyword> = closest-corner | closest-side | farthest-corner | farthest-side</pre>
 
 	<p>The arguments are defined as follows:
 
 	<dl>
-		<dt id='radial-shape'><dfn>&lt;shape&gt;</dfn></dt>
+		<dt id='radial-shape'><dfn>&lt;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>&lt;shape&gt;</i> is omitted, the <i>ending shape</i> defaults
-		to a circle if the <i>&lt;extent&gt;</i> is a single &lt;length&gt;,
+		If <i>&lt;shape></i> is omitted, the <i>ending shape</i> defaults
+		to a circle if the <i>&lt;size></i> is a single &lt;length>,
 		and to an ellipse otherwise.
 
-		<dt id='radial-position'><dfn>&lt;position&gt;</dfn></dt>
-		<dd>Determines the center of the gradient. The <i>&lt;position&gt;</i> notation
+		<dt id='radial-position'><dfn>&lt;position></dfn></dt>
+		<dd>Determines the center of the gradient. The <i>&lt;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&amp;B doesn't yet have a definition of &lt;position> - it's defined in the ED, and an update to B&amp;B is expected.</span>
 
-		<dt id='radial-extent'><dfn>&lt;extent&gt;</dfn>
+		<dt id='radial-size'><dfn>&lt;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>&lt;extent&gt;</i>:
+			as their <i>&lt;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>&lt;shape&gt;</i> is specified as ''circle'' or is omitted,
-			<i>&lt;extent&gt;</i> may be given explicitly as:
+			<p>If <i>&lt;shape></i> is specified as ''circle'' or is omitted, the
+			<i>&lt;size></i> may be given explicitly as:
 
 			<dl>
-				<dt><dfn id='radial-size-circle'>&lt;length&gt;</dfn></dt>
+				<dt><dfn id='radial-size-circle'>&lt;length></dfn></dt>
 				<dd>Gives the radius of the circle explicitly. Negative values are
-				not allowed.
+				invalid.
 			</dl>
 
-			<p>If <i>&lt;shape&gt;</i> is specified as ''ellipse'' or is omitted,
-			<i>&lt;extent&gt;</i> may instead be given explicitly as:
+			<p>If <i>&lt;shape></i> is specified as ''ellipse'' or is omitted,
+			<i>&lt;extent></i> may instead be given explicitly as:
 
 			<dl>
-				<dt><dfn id='radial-size-circle'>[&lt;length&gt; | &lt;percentage&gt;]{2}</dfn></dt>
+				<dt><dfn id='radial-size-ellipse'>[&lt;length> | &lt;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>
 &lt;radial-gradient> = radial-gradient(
-  [ [ circle | ellipse ]  , |
-    [ circle | ellipse ]? [ at &lt;position> || to &lt;extent-keyword> ] , |
-    circle?               [ at &lt;position> || to &lt;length> ] , |
-    ellipse?              [ at &lt;position> || to [&lt;length> | &lt;percentage>]{2} ] , 
+  [ [ circle               || [ &lt;length> ] ]                      [ at &lt;position> ]? , | 
+    [ ellipse              || [ &lt;length> | &lt;percentage> ]{2} ] [ at &lt;position> ]? , |
+    [ [ circle | ellipse ] || &lt;extent-keyword> ]                  [ at &lt;position> ]? ,
   ]?
   &lt;color-stop> [ , &lt;color-stop> ]+
 )
 &lt;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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 30 November 2011 19:18:16 GMT