- 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
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> © 2011 <a
- href="http://www.w3.org/"><acronym title="World Wide Web
- Consortium">W3C</acronym></a><sup>®</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>®</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 <image> value type denotes a 2D image. It is defined as
- <pre
- class=prod><dfn id=ltimage><image></dfn> = <url> | <image-list> | <element-reference> | <image-combination> | <gradient></pre>
+ <pre class=prod><dfn
+ id=ltimage><image></dfn> = <url> | <image-list> | <element-reference> | <image-combination> | <gradient></pre>
<p>Image values can be used in many CSS properties, including the
‘<code class=property>background-image</code>’, ‘<code
@@ -529,8 +528,8 @@
or even an animated background. The syntax for ‘<code
class=css>element()</code>’ is:
- <pre
- class=prod><dfn id=ltelement-reference><element-reference></dfn> = element( [<id-selector> | <identifier> ] )</pre>
+ <pre class=prod><dfn
+ id=ltelement-reference><element-reference></dfn> = element( [<id-selector> | <identifier> ] )</pre>
<p>where <id-selector> is an ID selector <a href="#SELECT"
rel=biblioentry>[SELECT]<!--{{!SELECT}}--></a>, and <identifier> is an
@@ -647,8 +646,8 @@
generate the image automatically when rendering the page. The syntax of a
<a href="#ltgradient"><i><gradient></i></a> is:
- <pre
- class=prod><dfn id=ltgradient><gradient></dfn> = [ <linear-gradient> | <radial-gradient> | <repeating-linear-gradient> | <repeating-radial-gradient> ]</pre>
+ <pre class=prod><dfn
+ id=ltgradient><gradient></dfn> = [ <linear-gradient> | <radial-gradient> | <repeating-linear-gradient> | <repeating-radial-gradient> ]</pre>
<p>where <a href="#ltlinear-gradient"><i><linear-gradient></i></a>, <a
href="#ltradial-gradient"><i><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><linear-gradient></dfn> = linear-gradient(
+ <pre class=prod><code><dfn
+ id=ltlinear-gradient><linear-gradient></dfn> = linear-gradient(
[ [ <angle> | [ to <side-or-corner> ] ] ,]?
<color-stop>[, <color-stop>]+
)
-<dfn id=side-or-corner><side-or-corner></dfn> = [left | right] || [top | bottom]</code></pre>
+<dfn
+ id=side-or-corner><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><radial-gradient></dfn> = radial-gradient(
+<dfn
+ id=ltradial-gradient><radial-gradient></dfn> = radial-gradient(
[<position>,]?
[[
[<shape> || <size>]
@@ -912,7 +908,8 @@
<p>The <a href="#ltsize"><i><size></i></a> keyword is defined as:</p>
- <pre><code><dfn id=ltsize><size></dfn> = closest-side | closest-corner | farthest-side | farthest-corner | contain | cover</code></pre>
+ <pre><code><dfn
+ id=ltsize><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><repeating-linear-gradient></dfn> = repeating-linear-gradient(
- [ [ <angle> | [ to <a href="#side-or-corner"><code><side-or-corner></code></a> ] ] ,]?
+ <pre class=prod><code><dfn
+ id=ltrepeating-linear-gradient><repeating-linear-gradient></dfn> = repeating-linear-gradient(
+ [ [ <angle> | [ to <a
+ href="#side-or-corner"><code><side-or-corner></code></a> ] ] ,]?
<color-stop>[, <color-stop>]+
)
-<dfn id=ltrepeating-radial-gradient><repeating-radial-gradient></dfn> = repeating-radial-gradient(
+<dfn
+ id=ltrepeating-radial-gradient><repeating-radial-gradient></dfn> = repeating-radial-gradient(
[<'background-position'>,]?
[[
[<shape> || <size>]
@@ -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><color-stop></dfn> = <color> [ <percentage> | <length> ]?</code></pre>
+ <pre class=prod><code><dfn
+ id=ltcolor-stop><color-stop></dfn> = <color> [ <percentage> | <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 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><color-stop>, <a href="#ltcolor-stop"
title="<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><linear-gradient>, <a href="#ltlinear-gradient"
title="<linear-gradient>"><strong>5.1.1.</strong></a>
@@ -2393,8 +2387,8 @@
<li><size>, <a href="#ltsize"
title="<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 UTC