- From: Bert Bos via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 13 Jan 2012 18:45:13 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-background
In directory hutz:/tmp/cvs-serv9924
Modified Files:
Overview.html
Log Message:
Generated. Do not edit!
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-background/Overview.html,v
retrieving revision 1.261
retrieving revision 1.262
diff -u -d -r1.261 -r1.262
--- Overview.html 12 Jan 2012 18:42:52 -0000 1.261
+++ Overview.html 13 Jan 2012 18:45:11 -0000 1.262
@@ -22,13 +22,13 @@
<h1>CSS Backgrounds and Borders Module Level 3</h1>
- <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 12 January
+ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 13 January
2012</h2>
<dl>
<dt>This version:
- <dd><!-- <a href="http://www.w3.org/TR/2012/CR-css3-background-20120112">http://www.w3.org/TR/2012/ED-css3-background-20120112/</a> -->
+ <dd><!-- <a href="http://www.w3.org/TR/2012/CR-css3-background-20120113">http://www.w3.org/TR/2012/ED-css3-background-20120113/</a> -->
<a
href="http://dev.w3.org/csswg/css3-background">http://dev.w3.org/csswg/css3-background</a>
@@ -39,7 +39,7 @@
href="http://www.w3.org/TR/css3-background">http://www.w3.org/TR/css3-background/</a>
- <dt>Previous versions:
+ <dt>Previous version:
<dd><a
href="http://www.w3.org/TR/2011/CR-css3-background-20110215/">http://www.w3.org/TR/2011/CR-css3-background-20110215/</a>
@@ -151,6 +151,9 @@
interactions</a>
<li><a href="#values"><span class=secno>1.2. </span> Values</a>
+
+ <li><a href="#animations"><span class=secno>1.3. </span>Animated
+ values</a>
</ul>
<li><a href="#backgrounds"><span class=secno>2. </span> Backgrounds</a>
@@ -391,6 +394,21 @@
keyword as their property value. For readability it has not been repeated
explicitly.
+ <h3 id=animations><span class=secno>1.3. </span>Animated values</h3>
+
+ <p class=issue>[Proposed text for <a
+ href="http://www.w3.org/Style/CSS/Tracker/issues/210">ISSUE-210.]</a> It
+ is expected that CSS will include ways to animate transitions between
+ styles. The section <a
+ href="http://www.w3.org/TR/css3-transitions/#animation-of-property-types-">“Animation
+ of property types”</a> of the <cite>CSS Transitions module</cite> <a
+ href="#CSS3-TRANSITIONS"
+ rel=biblioentry>[CSS3-TRANSITIONS]<!--{{CSS3-TRANSITIONS}}--></a> will
+ then define how different kinds of values are interpolated during a
+ transition. In anticipation of that, this module includes a line
+ “Animatable” for each property, which specifies if the property can be
+ animated or not.
+
<h2 id=backgrounds><span class=secno>2. </span> Backgrounds</h2>
<p>Each box has a background layer that may be fully transparent (the
@@ -503,6 +521,11 @@
<th>Computed value:
<td>the computed color(s)
+
+ <tr>
+ <th>Animatable:
+
+ <td>yes
</table>
<p>This property sets the <span class=index id=background-color0
@@ -566,6 +589,13 @@
<th>Computed value:
<td>as specified, but with URIs made absolute
+
+ <tr>
+ <th>Animatable:
+
+ <td>only images that are gradients specified in CSS <a
+ href="#CSS3-IMAGES"
+ rel=biblioentry>[CSS3-IMAGES]<!--{{CSS3-IMAGES}}--></a>
</table>
<p>This property sets the background image(s) of an element. Images are
@@ -674,6 +704,11 @@
<th>Computed value:
<td>as specified
+
+ <tr>
+ <th>Animatable:
+
+ <td>no
</table>
<p>Specifies how background images are tiled after they have been <a
@@ -869,6 +904,11 @@
<th>Computed value:
<td>as specified
+
+ <tr>
+ <th>Animatable:
+
+ <td>no
</table>
<p>If background images are specified, this property specifies whether they
@@ -1018,6 +1058,11 @@
<td>Two keywords representing the origin and two offsets from that
origin, each given as an absolute length (if given a <length>),
otherwise as a percentage.
+
+ <tr>
+ <th>Animatable:
+
+ <td>no
</table>
<p>If background images have been specified, this property specifies their
@@ -1245,6 +1290,11 @@
<th>Computed value:
<td>same as specified value
+
+ <tr>
+ <th>Animatable:
+
+ <td>no
</table>
<p>Determines the <dfn id=background-painting-area>background painting
@@ -1338,6 +1388,11 @@
<th>Computed value:
<td>same as specified value
+
+ <tr>
+ <th>Animatable:
+
+ <td>no
</table>
<p>For elements rendered as a single box, specifies the <dfn
@@ -1442,6 +1497,11 @@
<th>Computed value:
<td>for <length> the absolute value, otherwise as specified
+
+ <tr>
+ <th>Animatable:
+
+ <td>no
</table>
<p>Specifies the size of the background images. Where
@@ -1686,6 +1746,11 @@
<th>Computed value:
<td>see individual properties
+
+ <tr>
+ <th>Animatable:
+
+ <td>see individual properties
</table>
<p>Where
@@ -1965,6 +2030,11 @@
<th>Computed value:
<td>the computed color
+
+ <tr>
+ <th>Animatable:
+
+ <td>yes
</table>
<table class=propdef>
@@ -2008,6 +2078,11 @@
<th>Computed value:
<td>see individual properties
+
+ <tr>
+ <th>Animatable:
+
+ <td>see individual properties
</table>
<p>These properties set the foreground color of the border specified by the
@@ -2068,6 +2143,11 @@
<th>Computed value:
<td>specified value
+
+ <tr>
+ <th>Animatable:
+
+ <td>no
</table>
<table class=propdef>
@@ -2112,6 +2192,11 @@
<th>Computed value:
<td>see individual properties
+
+ <tr>
+ <th>Animatable:
+
+ <td>see individual properties
</table>
<p>These properties set the style of the border, unless there is a <a
@@ -2259,6 +2344,11 @@
<td>absolute length; ‘<code class=css>0</code>’ if the
border style is ‘<code class=property>none</code>’ or
‘<code class=property>hidden</code>’
+
+ <tr>
+ <th>Animatable:
+
+ <td>yes
</table>
<table class=propdef>
@@ -2303,6 +2393,11 @@
<th>Computed value:
<td>see individual properties
+
+ <tr>
+ <th>Animatable:
+
+ <td>see individual properties
</table>
<p>These properties set the thickness of the border. Where
@@ -2383,6 +2478,11 @@
<th>Computed value:
<td>see individual properties
+
+ <tr>
+ <th>Animatable:
+
+ <td>see individual properties
</table>
<p>This is a shorthand property for setting the width, style, and color of
@@ -2432,6 +2532,11 @@
<th>Computed value:
<td>see individual properties
+
+ <tr>
+ <th>Animatable:
+
+ <td>see individual properties
</table>
<p>The ‘<a href="#border"><code
@@ -2560,6 +2665,11 @@
<th>Computed value:
<td>two absolute <length> or percentages
+
+ <tr>
+ <th>Animatable:
+
+ <td>yes
</table>
<table class=propdef>
@@ -2609,6 +2719,11 @@
<th>Computed value:
<td>see individual properties
+
+ <tr>
+ <th>Animatable:
+
+ <td>see individual properties
</table>
<p>The two length or percentage values of the ‘<code
@@ -3006,6 +3121,13 @@
<td>‘<code class=css>none</code>’ or the image with its URI
made absolute
+
+ <tr>
+ <th>Animatable:
+
+ <td>only if the image is a gradient specified in CSS <a
+ href="#CSS3-IMAGES"
+ rel=biblioentry>[CSS3-IMAGES]<!--{{CSS3-IMAGES}}--></a>
</table>
<p>Specifies an image to use instead of the border styles given by the
@@ -3064,6 +3186,11 @@
<th>Computed value:
<td>as specified
+
+ <tr>
+ <th>Animatable:
+
+ <td>no
</table>
<p>This property specifies inward offsets from the top, right, bottom, and
@@ -3186,6 +3313,11 @@
<td>all <var><length></var>s made absolute, otherwise as specified
+
+ <tr>
+ <th>Animatable:
+
+ <td>no
</table>
<p>The border image is drawn inside an area called the <a
@@ -3293,6 +3425,11 @@
<td>all <var><length></var>s made absolute, otherwise as specified
+
+ <tr>
+ <th>Animatable:
+
+ <td>no
</table>
<p>The values specify the amount by which the <dfn
@@ -3364,6 +3501,11 @@
<th>Computed value:
<td>as specified
+
+ <tr>
+ <th>Animatable:
+
+ <td>no
</table>
<p>This property specifies how the images for the sides and the middle part
@@ -3563,6 +3705,11 @@
<th>Computed value:
<td>See individual properties
+
+ <tr>
+ <th>Animatable:
+
+ <td>See individual properties
</table>
<p>This is a shorthand property for setting ‘<a
@@ -3625,6 +3772,11 @@
<th>Computed value:
<td>as specified
+
+ <tr>
+ <th>Animatable:
+
+ <td>no
</table>
<p>When a box is broken at a page break, column break, or, for inline
@@ -3757,6 +3909,12 @@
<td>any <length> made absolute; any color computed; otherwise as
specified
+
+ <tr>
+ <th>Animatable:
+
+ <td>yes (transition to/from an absent shadow is a transition to/from
+ ‘<code class=css>0 0 transparent</code>’)
</table>
<p>The ‘<a href="#box-shadow"><code
@@ -4389,6 +4547,26 @@
</dd>
<!---->
+ <dt id=CSS3-IMAGES>[CSS3-IMAGES]
+
+ <dd>Elika J. Etemad; Tab Atkins Jr. <a
+ href="http://www.w3.org/TR/2011/WD-css3-images-20111206/"><cite>CSS Image
+ Values and Replaced Content Module Level 3.</cite></a> 6 December 2011.
+ W3C Working Draft. (Work in progress.) URL: <a
+ href="http://www.w3.org/TR/2011/WD-css3-images-20111206/">http://www.w3.org/TR/2011/WD-css3-images-20111206/</a>
+ </dd>
+ <!---->
+
+ <dt id=CSS3-TRANSITIONS>[CSS3-TRANSITIONS]
+
+ <dd>Dean Jackson; et al. <a
+ href="http://www.w3.org/TR/2009/WD-css3-transitions-20091201"><cite>CSS
+ Transitions Module Level 3.</cite></a> 1 December 2009. W3C Working
+ Draft. (Work in progress.) URL: <a
+ href="http://www.w3.org/TR/2009/WD-css3-transitions-20091201">http://www.w3.org/TR/2009/WD-css3-transitions-20091201</a>
+ </dd>
+ <!---->
+
<dt id=CSS3COLOR>[CSS3COLOR]
<dd>Tantek Çelik; Chris Lilley; L. David Baron. <a
Received on Friday, 13 January 2012 18:45:20 UTC