Skip to content

Commit e45ec45

Browse files
dbarondbaron
committed
[css3-ui] Add "Animatable:" lines to propdef tables.
Note that the line for nav-index matches the current value, which may be incorrect (number vs. integer). Required manual adjustment for preprocessor (pre- and post-processing) to deal with New Value(s): line for 'content' property. The Animatable lines are as resolved in Tucson face-to-face at 2013-02-04 11:40:47 -0700, and edited by me per discussion starting at 2013-02-05 11:11:38 -0700.
1 parent e72e4b8 commit e45ec45

2 files changed

Lines changed: 94 additions & 5 deletions

File tree

‎css3-ui/Overview.html‎

Lines changed: 79 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -15,10 +15,10 @@
1515
<meta content="CSS Basic User Interface Module Level 3 (CSS3 UI)"
1616
name=dcterms.title>
1717
<meta content=text name=dcterms.type>
18-
<meta content=2013-02-05 name=dcterms.issued>
18+
<meta content=2013-02-08 name=dcterms.issued>
1919
<meta content="http://dev.w3.org/csswg/css3-ui/" name=dcterms.creator>
2020
<meta content=W3C name=dcterms.publisher>
21-
<meta content="http://www.w3.org/TR/2013/ED-css3-ui-20130205/"
21+
<meta content="http://www.w3.org/TR/2013/ED-css3-ui-20130208/"
2222
name=dcterms.identifier>
2323
<link href="../default.css" rel=stylesheet title=Default type="text/css">
2424
<style type="text/css">
@@ -46,13 +46,13 @@
4646
<h1 class=p-name>CSS Basic User Interface Module Level 3 (CSS3 UI)</h1>
4747

4848
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft <time
49-
class=dt-updated datetime=20130205> 5 February 2013</time></h2>
49+
class=dt-updated datetime=20130208> 8 February 2013</time></h2>
5050

5151
<dl>
5252
<dt>This version:</dt>
5353
<!-- TR "This version". Update "WD" below as needed to CR/PR/REC -->
54-
<!-- <dd><a href="http://www.w3.org/TR/2013/WD-css3-ui-20130205/">
55-
http://www.w3.org/TR/2013/WD-css3-ui-20130205/</a>
54+
<!-- <dd><a href="http://www.w3.org/TR/2013/WD-css3-ui-20130208/">
55+
http://www.w3.org/TR/2013/WD-css3-ui-20130208/</a>
5656
</dd> -->
5757
<!-- editor's draft "This version" -->
5858

@@ -1097,6 +1097,11 @@ <h3 id=content-property-addition><span class=secno>5.1. </span><a
10971097
<td>the keyword ‘<a href="#icon"><code class=css><span class=value
10981098
title="">icon</span></code></a>’ if specified as such, otherwise same
10991099
as CSS 2.1
1100+
1101+
<tr>
1102+
<th>Animatable:
1103+
1104+
<td>no
11001105
</table>
11011106

11021107
<dl>
@@ -1160,6 +1165,11 @@ <h3 id=icon-property><span class=secno>5.2. </span><a class=property
11601165
<th>Computed value:
11611166

11621167
<td>as specified, except with any relative URLs converted to absolute
1168+
1169+
<tr>
1170+
<th>Animatable:
1171+
1172+
<td>no
11631173
</table>
11641174

11651175
<dl>
@@ -1264,6 +1274,11 @@ <h3 id=box-sizing><span class=secno>6.1. </span><a class=property
12641274
<th>Computed value:
12651275

12661276
<td>specified value
1277+
1278+
<tr>
1279+
<th>Animatable:
1280+
1281+
<td>no
12671282
</table>
12681283

12691284
<dl>
@@ -1430,6 +1445,11 @@ <h3 id=outline><span class=secno>7.1. </span><a class=property
14301445
<tr>
14311446
<th>Computed value:
14321447

1448+
<td>see individual properties
1449+
1450+
<tr>
1451+
<th>Animatable:
1452+
14331453
<td>see individual properties
14341454
</table>
14351455

@@ -1481,6 +1501,12 @@ <h3 id=outline-width><span class=secno>7.2. </span><a class=property
14811501

14821502
<td>absolute length; ‘<code class=css>0</code>’ if the outline style
14831503
is ‘<code class=property>none</code>’.
1504+
1505+
<tr>
1506+
<th>Animatable:
1507+
1508+
<td>as <a
1509+
href="http://dev.w3.org/csswg/css3-transitions/#animtype-length">length</a>
14841510
</table>
14851511

14861512
<h3 id=outline-style><span class=secno>7.3. </span><a class=property
@@ -1530,6 +1556,11 @@ <h3 id=outline-style><span class=secno>7.3. </span><a class=property
15301556
<th>Computed value:
15311557

15321558
<td>specified value
1559+
1560+
<tr>
1561+
<th>Animatable:
1562+
1563+
<td>no
15331564
</table>
15341565

15351566
<h3 id=outline-color><span class=secno>7.4. </span><a class=property
@@ -1585,6 +1616,12 @@ <h3 id=outline-color><span class=secno>7.4. </span><a class=property
15851616
href="#CSS3COLOR" rel=biblioentry>[CSS3COLOR]<!--{{!CSS3COLOR}}--></a>
15861617
<span class=property>‘<code class=property>color</code>’</span>
15871618
property.
1619+
1620+
<tr>
1621+
<th>Animatable:
1622+
1623+
<td>as <a
1624+
href="http://dev.w3.org/csswg/css3-transitions/#animtype-color">color</a>
15881625
</table>
15891626

15901627
<p>The outline created with the outline properties is drawn "over" a box,
@@ -1756,6 +1793,12 @@ <h3 id=outline-offset><span class=secno>7.5. </span><a class=property
17561793
<th>Computed value:
17571794

17581795
<td>&lt;length&gt; value in absolute units (px or physical).
1796+
1797+
<tr>
1798+
<th>Animatable:
1799+
1800+
<td>as <a
1801+
href="http://dev.w3.org/csswg/css3-transitions/#animtype-length">length</a>
17591802
</table>
17601803

17611804
<p>If the computed value of <a class=property
@@ -1832,6 +1875,11 @@ <h3 id=resize><span class=secno>8.1. </span><a class=property
18321875
<th>Computed value:
18331876

18341877
<td>specified value.
1878+
1879+
<tr>
1880+
<th>Animatable:
1881+
1882+
<td>no
18351883
</table>
18361884

18371885
<dl>
@@ -2004,6 +2052,11 @@ <h3 id=text-overflow><span class=secno>8.2. </span> Overflow Ellipsis: the
20042052
<th>Computed value:
20052053

20062054
<td>as specified
2055+
2056+
<tr>
2057+
<th>Animatable:
2058+
2059+
<td>no
20072060
</table>
20082061

20092062
<p>This property specifies rendering when inline content overflows its
@@ -2295,6 +2348,11 @@ <h4 id=cursor><span class=secno>9.1.1. </span><a class=property
22952348
<th>Computed value:
22962349

22972350
<td>as specified, except with any relative URLs converted to absolute
2351+
2352+
<tr>
2353+
<th>Animatable:
2354+
2355+
<td>no
22982356
</table>
22992357

23002358
<p>This property specifies the type of cursor to be displayed for the
@@ -2574,6 +2632,12 @@ <h4 id=nav-index><span class=secno>9.2.1. </span>Sequential navigation
25742632
<th>Computed value:
25752633

25762634
<td>specified value.
2635+
2636+
<tr>
2637+
<th>Animatable:
2638+
2639+
<td>as <a
2640+
href="http://dev.w3.org/csswg/css3-transitions/#animtype-number">number</a>
25772641
</table>
25782642

25792643
<dl>
@@ -2691,6 +2755,11 @@ <h4 id=nav-dir><span class=secno>9.2.2. </span>Directional focus
26912755
<th>Computed value:
26922756

26932757
<td>as specified
2758+
2759+
<tr>
2760+
<th>Animatable:
2761+
2762+
<td>no
26942763
</table>
26952764

26962765
<dl>
@@ -2836,6 +2905,11 @@ <h4 id=input-method-editor><span class=secno>9.2.3. </span>Input method
28362905
<th>Computed value:
28372906

28382907
<td>as specified
2908+
2909+
<tr>
2910+
<th>Animatable:
2911+
2912+
<td>no
28392913
</table>
28402914

28412915
<p> The ‘<a href="#ime-mode"><code class=property>ime-mode</code></a>’

‎css3-ui/Overview.src.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -713,6 +713,7 @@ <h3><span class="property">'content'</span> property addition</h3>
713713
<tr><th>Percentages:</th><td>same as CSS 2.1</td></tr>
714714
<tr><th>Media:</th><td>same as CSS 2.1</td></tr>
715715
<tr><th>Computed&nbsp;value:</th><td>the keyword '<span class="value" title="">icon</span>' if specified as such, otherwise same as CSS 2.1</td></tr>
716+
<tr><th>Animatable:</th><td>no</td></tr>
716717
</tbody></table>
717718

718719
<dl>
@@ -740,6 +741,7 @@ <h3><span class="property">'icon'</span> property</h3>
740741
<tr><th>Percentages:</th><td>N/A</td></tr>
741742
<tr><th>Media:</th><td>all</td></tr>
742743
<tr><th>Computed&nbsp;value:</th><td>as specified, except with any relative URLs converted to absolute</td></tr>
744+
<tr><th>Animatable:</th><td>no</td></tr>
743745
</tbody></table>
744746

745747
<dl>
@@ -789,6 +791,7 @@ <h3 id="box-sizing"><span class="property">'box-sizing'</span> property</h3>
789791
<tr><th>Percentages:</th><td>N/A</td></tr>
790792
<tr><th>Media:</th><td>visual</td></tr>
791793
<tr><th>Computed&nbsp;value:</th><td>specified value</td></tr>
794+
<tr><th>Animatable:</th><td>no</td></tr>
792795
</tbody></table>
793796

794797
<dl>
@@ -891,6 +894,7 @@ <h3 id="outline"><span class="property">'outline'</span> property</h3>
891894
<tr><th>Percentages:</th><td>N/A</td></tr>
892895
<tr><th>Media:</th><td>visual</td></tr>
893896
<tr><th>Computed&nbsp;value:</th><td>see individual properties</td></tr>
897+
<tr><th>Animatable:</th><td>see individual properties</td></tr>
894898
</tbody></table>
895899

896900
<h3 id="outline-width"><span class="property">'outline-width'</span> property</h3>
@@ -904,6 +908,7 @@ <h3 id="outline-width"><span class="property">'outline-width'</span> property</h
904908
<tr><th>Percentages:</th><td>N/A</td></tr>
905909
<tr><th>Media:</th><td>visual</td></tr>
906910
<tr><th>Computed&nbsp;value:</th><td>absolute length; '0' if the outline style is 'none'.</td></tr>
911+
<tr><th>Animatable:</th><td>as <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-length">length</a></td></tr>
907912
</tbody></table>
908913

909914
<h3 id="outline-style"><span class="property">'outline-style'</span> property</h3>
@@ -917,6 +922,7 @@ <h3 id="outline-style"><span class="property">'outline-style'</span> property</h
917922
<tr><th>Percentages:</th><td>N/A</td></tr>
918923
<tr><th>Media:</th><td>visual</td></tr>
919924
<tr><th>Computed&nbsp;value:</th><td>specified value</td></tr>
925+
<tr><th>Animatable:</th><td>no</td></tr>
920926
</tbody></table>
921927

922928
<h3 id="outline-color"><span class="property">'outline-color'</span> property</h3>
@@ -930,6 +936,7 @@ <h3 id="outline-color"><span class="property">'outline-color'</span> property</h
930936
<tr><th>Percentages:</th><td>N/A</td></tr>
931937
<tr><th>Media:</th><td>visual</td></tr>
932938
<tr><th>Computed&nbsp;value:</th><td>The computed value for '<span class="value">invert</span>' is '<span class="value">invert</span>'. For &lt;color&gt; values, the computed value is as defined for the [[!CSS3COLOR]] <span class="property">'color'</span> property.</td></tr>
939+
<tr><th>Animatable:</th><td>as <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-color">color</a></td></tr>
933940
</tbody></table>
934941

935942
<p>The outline created with the outline properties is drawn "over" a
@@ -1058,6 +1065,7 @@ <h3 id="outline-offset"><span class="property">'outline-offset'</span> property<
10581065
<tr><th>Percentages:</th><td>N/A</td></tr>
10591066
<tr><th>Media:</th><td>visual</td></tr>
10601067
<tr><th>Computed&nbsp;value:</th><td>&lt;length&gt; value in absolute units (px or physical).</td></tr>
1068+
<tr><th>Animatable:</th><td>as <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-length">length</a></td></tr>
10611069
</tbody></table>
10621070

10631071
<p>If the computed value of <span class="property">'outline-offset'</span> is anything other than 0, then the outline is outset from the border edge by that amount.</p>
@@ -1091,6 +1099,7 @@ <h3 id="resize"><span class="property">'resize'</span> property</h3>
10911099
<tr><th>Percentages:</th><td>N/A</td></tr>
10921100
<tr><th>Media:</th><td>visual</td></tr>
10931101
<tr><th>Computed&nbsp;value:</th><td>specified value.</td></tr>
1102+
<tr><th>Animatable:</th><td>no</td></tr>
10941103
</tbody></table>
10951104

10961105
<dl>
@@ -1186,6 +1195,8 @@ <h3 id="text-overflow">
11861195
<td>visual</td></tr>
11871196
<tr><th>Computed&nbsp;value:</th>
11881197
<td>as specified</td></tr>
1198+
<tr><th>Animatable:</th>
1199+
<td>no</td></tr>
11891200
</tbody></table>
11901201

11911202
<p>This property specifies rendering when inline content overflows
@@ -1458,6 +1469,7 @@ <h4 id="cursor"><span class="property">'cursor'</span> property</h4>
14581469
<tr><th>Percentages:</th><td>N/A</td></tr>
14591470
<tr><th>Media:</th><td>visual, interactive</td></tr>
14601471
<tr><th>Computed&nbsp;value:</th><td>as specified, except with any relative URLs converted to absolute</td></tr>
1472+
<tr><th>Animatable:</th><td>no</td></tr>
14611473
</tbody></table>
14621474

14631475
<p>This property specifies the type of cursor to be displayed for the pointing device when over the element's border, padding, and content. Values have the following meanings:
@@ -1639,6 +1651,7 @@ <h4 id="nav-index">Sequential navigation order: the <span class="property">'nav-
16391651
<tr><th>Percentages:</th><td>n/a</td></tr>
16401652
<tr><th>Media:</th><td>interactive</td></tr>
16411653
<tr><th>Computed&nbsp;value:</th><td>specified value.</td></tr>
1654+
<tr><th>Animatable:</th><td>as <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-number">number</a></td></tr>
16421655
</table>
16431656
<dl>
16441657
<dt>auto</dt>
@@ -1694,6 +1707,7 @@ <h4 id="nav-dir">Directional focus navigation: the <span class="property">'nav-u
16941707
<tr><th>Percentages:</th><td>N/A</td></tr>
16951708
<tr><th>Media:</th><td>interactive</td></tr>
16961709
<tr><th>Computed&nbsp;value:</th><td>as specified</td></tr>
1710+
<tr><th>Animatable:</th><td>no</td></tr>
16971711
</tbody></table>
16981712

16991713
<dl>
@@ -1775,6 +1789,7 @@ <h4 id="input-method-editor">Input method editor: the <span class="property">'im
17751789
<tr><th>Percentages:</th><td>N/A</td></tr>
17761790
<tr><th>Media:</th><td>interactive</td></tr>
17771791
<tr><th>Computed&nbsp;value:</th><td>as specified</td></tr>
1792+
<tr><th>Animatable:</th><td>no</td></tr>
17781793
</tbody></table>
17791794

17801795
<p>

0 commit comments

Comments
 (0)