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

csswg/css3-images Overview.html,1.174,1.175 Overview.src.html,1.181,1.182

From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
Date: Mon, 03 Oct 2011 22:29:15 +0000
To: public-css-commits@w3.org
Message-Id: <E1RAr0d-0008LF-9Y@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-images
In directory hutz:/tmp/cvs-serv32049

Modified Files:
	Overview.html Overview.src.html 
Log Message:
Remove the issue raised by Brad, as I've decided to reject the proposal and the decision seems supported by others.

Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.html,v
retrieving revision 1.174
retrieving revision 1.175
diff -u -d -r1.174 -r1.175
--- Overview.html	19 Sep 2011 22:25:26 -0000	1.174
+++ Overview.html	3 Oct 2011 22:29:12 -0000	1.175
@@ -17,12 +17,11 @@
 
    <h1>CSS Image Values and Replaced Content Module Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 19 September
-    2011</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 3 October 2011</h2>
 
    <dl>
     <dt>This Version:</dt>
-    <!--<dd><a href="http://www.w3.org/TR/2011/ED-css3-images-20110919/">http://www.w3.org/TR/2011/WD-css3-images-20110919/</a>-->
+    <!--<dd><a href="http://www.w3.org/TR/2011/ED-css3-images-20111003/">http://www.w3.org/TR/2011/WD-css3-images-20111003/</a>-->
 
     <dd><a
      href="http://dev.w3.org/csswg/css3-images/">http://dev.w3.org/csswg/css3-images/</a>
@@ -64,13 +63,13 @@
    <p class=copyright><a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
     rel=license>Copyright</a> &copy; 2011 <a
-    href="http://www.w3.org/"><acronym title="World Wide Web
-    Consortium">W3C</acronym></a><sup>&reg;</sup> (<a
-    href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute
-    of Technology">MIT</acronym></a>, <a href="http://www.ercim.eu/"><acronym
-    title="European Research Consortium for Informatics and
-    Mathematics">ERCIM</acronym></a>, <a
-    href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
+    href="http://www.w3.org/"><acronym
+    title="World Wide Web Consortium">W3C</acronym></a><sup>&reg;</sup> (<a
+    href="http://www.csail.mit.edu/"><acronym
+    title="Massachusetts Institute of Technology">MIT</acronym></a>, <a
+    href="http://www.ercim.eu/"><acronym
+    title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
+    <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
     <a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>
@@ -367,8 +366,8 @@
 
   <p>The &lt;image> value type denotes a 2D image. It is defined as
 
-  <pre
-   class=prod><dfn id=ltimage>&lt;image></dfn> = &lt;url> | &lt;image-list> | &lt;element-reference> | &lt;image-combination> | &lt;gradient></pre>
+  <pre class=prod><dfn
+   id=ltimage>&lt;image></dfn> = &lt;url> | &lt;image-list> | &lt;element-reference> | &lt;image-combination> | &lt;gradient></pre>
 
   <p>Image values can be used in many CSS properties, including the
    &lsquo;<code class=property>background-image</code>&rsquo;, &lsquo;<code
@@ -529,8 +528,8 @@
    or even an animated background. The syntax for &lsquo;<code
    class=css>element()</code>&rsquo; is:
 
-  <pre
-   class=prod><dfn id=ltelement-reference>&lt;element-reference></dfn> = element( [&lt;id-selector> | &lt;identifier> ] )</pre>
+  <pre class=prod><dfn
+   id=ltelement-reference>&lt;element-reference></dfn> = element( [&lt;id-selector> | &lt;identifier> ] )</pre>
 
   <p>where &lt;id-selector> is an ID selector <a href="#SELECT"
    rel=biblioentry>[SELECT]<!--{{!SELECT}}--></a>, and &lt;identifier> is an
@@ -647,8 +646,8 @@
    generate the image automatically when rendering the page. The syntax of a
    <a href="#ltgradient"><i>&lt;gradient></i></a> is:
 
-  <pre
-   class=prod><dfn id=ltgradient>&lt;gradient></dfn> = [ &lt;linear-gradient> | &lt;radial-gradient> | &lt;repeating-linear-gradient> | &lt;repeating-radial-gradient> ]</pre>
+  <pre class=prod><dfn
+   id=ltgradient>&lt;gradient></dfn> = [ &lt;linear-gradient> | &lt;radial-gradient> | &lt;repeating-linear-gradient> | &lt;repeating-radial-gradient> ]</pre>
 
   <p>where <a href="#ltlinear-gradient"><i>&lt;linear-gradient></i></a>, <a
    href="#ltradial-gradient"><i>&lt;radial-gradient></i></a>, <a
@@ -703,13 +702,14 @@
   <h4 class=no-toc id=linear-gradient-syntax><span class=secno>5.1.1. </span>
    linear-gradient() syntax</h4>
 
-  <pre
-   class=prod><code><dfn id=ltlinear-gradient>&lt;linear-gradient></dfn> = linear-gradient(
+  <pre class=prod><code><dfn
+   id=ltlinear-gradient>&lt;linear-gradient></dfn> = linear-gradient(
 	[ [ &lt;angle> | [ to &lt;side-or-corner> ] ] ,]? 
 	&lt;color-stop>[, &lt;color-stop>]+
 )
 
-<dfn id=side-or-corner>&lt;side-or-corner></dfn> = [left | right] || [top | bottom]</code></pre>
+<dfn
+   id=side-or-corner>&lt;side-or-corner></dfn> = [left | right] || [top | bottom]</code></pre>
 
   <p>The first argument to the function specifies the <dfn
    id=gradient-line>gradient-line</dfn>, which gives the gradient a direction
@@ -748,14 +748,9 @@
   <p>
 
   <div class=example>
-   <div style="overflow: hidden"> <img alt="[An image showing a box with a
-    background shading gradually from white in the bottom-left corner to
-    black in the top-right corner. There is a line, illustrating the
-    gradient-line, angled at 45 degrees and passing through the center of the
-    box. The starting-point and ending-point of the gradient-line are
-    indicated by the intersection of the gradient-line with two additional
-    lines that pass through the bottom-left and top-right corners of the
-    box.]" src=gradient-diagram.png style="float: right; margin-left: 1em;">
+   <div style="overflow: hidden"> <img
+    alt="[An image showing a box with a background shading gradually from white in the bottom-left corner to black in the top-right corner.  There is a line, illustrating the gradient-line, angled at 45 degrees and passing through the center of the box.  The starting-point and ending-point of the gradient-line are indicated by the intersection of the gradient-line with two additional lines that pass through the bottom-left and top-right corners of the box.]"
+    src=gradient-diagram.png style="float: right; margin-left: 1em;">
     <p>This example illustrates visually how to calculate the <a
      href="#gradient-line"><i>gradient-line</i></a> from the rules above.
      This shows the starting and ending-point of the <a
@@ -860,7 +855,8 @@
    radial-gradient() Syntax</h4>
 
   <pre class=prod>
-<dfn id=ltradial-gradient>&lt;radial-gradient></dfn> = radial-gradient(
+<dfn
+   id=ltradial-gradient>&lt;radial-gradient></dfn> = radial-gradient(
 	[&lt;position&gt;,]? 
 	[[
 		[&lt;shape&gt; || &lt;size&gt;]
@@ -912,7 +908,8 @@
 
     <p>The <a href="#ltsize"><i>&lt;size></i></a> keyword is defined as:</p>
 
-    <pre><code><dfn id=ltsize>&lt;size></dfn> = closest-side | closest-corner | farthest-side | farthest-corner | contain | cover</code></pre>
+    <pre><code><dfn
+     id=ltsize>&lt;size></dfn> = closest-side | closest-corner | farthest-side | farthest-corner | contain | cover</code></pre>
 
     <p>Its values are defined in the list below. For the purpose of these
      definitions, consider the box edges as extending infinitely in both
@@ -1063,12 +1060,7 @@
   <p>When drawing the concentric ellipses of the gradient, the color of each
    ellipse is the color of the <a
    href="#gradient-ray"><i>gradient-ray</i></a> at the point where the
-   ellipse intersects the ray.
-
-  <p class=issue>Brad suggests that we could drop the position/sizing
-   arguments and just use background-position and background-size. This would
-   force all non-background uses of radial gradient to be centered and
-   box-filling. Is this acceptable or not?</p>
+   ellipse intersects the ray.</p>
   <!-- ====================================================================== -->
 
   <h4 class=no-toc id=radial-gradient-examples><span class=secno>5.2.2.
@@ -1131,13 +1123,15 @@
    functions. These two functions take the same values and are interpreted
    the same as their respective non-repeating siblings defined previously:
 
-  <pre
-   class=prod><code><dfn id=ltrepeating-linear-gradient>&lt;repeating-linear-gradient></dfn> = repeating-linear-gradient(
-	[ [ &lt;angle> | [ to <a href="#side-or-corner"><code>&lt;side-or-corner></code></a> ] ] ,]? 
+  <pre class=prod><code><dfn
+   id=ltrepeating-linear-gradient>&lt;repeating-linear-gradient></dfn> = repeating-linear-gradient(
+	[ [ &lt;angle> | [ to <a
+   href="#side-or-corner"><code>&lt;side-or-corner></code></a> ] ] ,]? 
 	&lt;color-stop>[, &lt;color-stop>]+
 )
 
-<dfn id=ltrepeating-radial-gradient>&lt;repeating-radial-gradient></dfn> = repeating-radial-gradient(
+<dfn
+   id=ltrepeating-radial-gradient>&lt;repeating-radial-gradient></dfn> = repeating-radial-gradient(
 	[&lt;'background-position'&gt;,]? 
 	[[
 		[&lt;shape&gt; || &lt;size&gt;]
@@ -1243,8 +1237,8 @@
   <h3 id=color-stop-syntax><span class=secno>5.4. </span> Gradient
    Color-Stops</h3>
 
-  <pre
-   class=prod><code><dfn id=ltcolor-stop>&lt;color-stop></dfn> = &lt;color> [ &lt;percentage> | &lt;length> ]?</code></pre>
+  <pre class=prod><code><dfn
+   id=ltcolor-stop>&lt;color-stop></dfn> = &lt;color> [ &lt;percentage> | &lt;length> ]?</code></pre>
 
   <p>Color-stops are points placed along the line defined by the <a
    href="#gradient-line"><i>gradient-line</i></a> at the beginning of the
@@ -2099,10 +2093,10 @@
    <dt id=CSS21>[CSS21]
 
    <dd>Bert Bos; et al. <a
-    href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style
+    href="http://www.w3.org/TR/2011/REC-CSS2-20110607/"><cite>Cascading Style
     Sheets Level 2 Revision 1 (CSS&#160;2.1) Specification.</cite></a> 7 June
     2011. W3C Recommendation. URL: <a
-    href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a>
+    href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">http://www.w3.org/TR/2011/REC-CSS2-20110607/</a>
     </dd>
    <!---->
 
@@ -2273,8 +2267,8 @@
    <li>&lt;color-stop>, <a href="#ltcolor-stop"
     title="&lt;color-stop>"><strong>5.4.</strong></a>
 
-   <li>concrete object size, <a href="#concrete-object-size" title="concrete
-    object size"><strong>6.1.</strong></a>
+   <li>concrete object size, <a href="#concrete-object-size"
+    title="concrete object size"><strong>6.1.</strong></a>
 
    <li>contain, <a href="#radial-contain"
     title=contain><strong>5.2.1.</strong></a>
@@ -2283,17 +2277,17 @@
     
 
    <li>CSS element reference identifier, <a
-    href="#css-element-reference-identifier" title="CSS element reference
-    identifier"><strong>4.3.</strong></a>
+    href="#css-element-reference-identifier"
+    title="CSS element reference identifier"><strong>4.3.</strong></a>
 
    <li>CSSOM-capable, <a href="#cssom-capable"
     title=CSSOM-capable><strong>2.</strong></a>
 
-   <li>default object size, <a href="#default-object-size" title="default
-    object size"><strong>6.1.</strong></a>
+   <li>default object size, <a href="#default-object-size"
+    title="default object size"><strong>6.1.</strong></a>
 
-   <li>degenerate shape, <a href="#degenerate-shape" title="degenerate
-    shape"><strong>5.2.1.</strong></a>
+   <li>degenerate shape, <a href="#degenerate-shape"
+    title="degenerate shape"><strong>5.2.1.</strong></a>
 
    <li>dpcm, <a href="#dpcm" title=dpcm><strong>3.</strong></a>
 
@@ -2344,14 +2338,14 @@
    <li>intrinsic aspect ratio, <a href="#intrinsic-aspect-ratio"
     title="intrinsic aspect ratio"><strong>6.1.</strong></a>
 
-   <li>intrinsic dimensions, <a href="#intrinsic-dimensions" title="intrinsic
-    dimensions"><strong>6.1.</strong></a>
+   <li>intrinsic dimensions, <a href="#intrinsic-dimensions"
+    title="intrinsic dimensions"><strong>6.1.</strong></a>
 
-   <li>intrinsic height, <a href="#intrinsic-height" title="intrinsic
-    height"><strong>6.1.</strong></a>
+   <li>intrinsic height, <a href="#intrinsic-height"
+    title="intrinsic height"><strong>6.1.</strong></a>
 
-   <li>intrinsic width, <a href="#intrinsic-width" title="intrinsic
-    width"><strong>6.1.</strong></a>
+   <li>intrinsic width, <a href="#intrinsic-width"
+    title="intrinsic width"><strong>6.1.</strong></a>
 
    <li>&lt;linear-gradient>, <a href="#ltlinear-gradient"
     title="&lt;linear-gradient>"><strong>5.1.1.</strong></a>
@@ -2393,8 +2387,8 @@
    <li>&lt;size>, <a href="#ltsize"
     title="&lt;size>"><strong>5.2.1.</strong></a>
 
-   <li>specified size, <a href="#specified-size" title="specified
-    size"><strong>6.1.</strong></a>
+   <li>specified size, <a href="#specified-size"
+    title="specified size"><strong>6.1.</strong></a>
 
    <li>transition-capable, <a href="#transition-capable"
     title=transition-capable><strong>2.</strong></a>

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.src.html,v
retrieving revision 1.181
retrieving revision 1.182
diff -u -d -r1.181 -r1.182
--- Overview.src.html	19 Sep 2011 22:25:26 -0000	1.181
+++ Overview.src.html	3 Oct 2011 22:29:13 -0000	1.182
@@ -645,8 +645,6 @@
 
 	<p>When drawing the concentric ellipses of the gradient, the color of each ellipse is the color of the <i>gradient-ray</i> at the point where the ellipse intersects the ray.</p>
 
-	<p class=issue>Brad suggests that we could drop the position/sizing arguments and just use background-position and background-size.  This would force all non-background uses of radial gradient to be centered and box-filling.  Is this acceptable or not?</p>
-
 <!-- ====================================================================== -->
 	
 <h4 class='no-toc' id='radial-gradient-examples'>
Received on Monday, 3 October 2011 22:29:22 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 3 October 2011 22:29:23 GMT