Thu, 07 Feb 2013 22:43:19 -0800
[css3-multicol] Add "Animatable:" lines to propdef tables.
This is 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.
css3-multicol/Overview.html | file | annotate | diff | comparison | revisions | |
css3-multicol/Overview.src.html | file | annotate | diff | comparison | revisions |
1.1 --- a/css3-multicol/Overview.html Thu Feb 07 22:29:55 2013 -0800 1.2 +++ b/css3-multicol/Overview.html Thu Feb 07 22:43:19 2013 -0800 1.3 @@ -2,12 +2,22 @@ 1.4 "http://www.w3.org/TR/html4/strict.dtd"> 1.5 1.6 <html lang=en> 1.7 - <head> 1.8 + <head profile="http://dublincore.org/documents/2008/08/04/dc-html/ "> 1.9 <title>CSS Multi-column Layout Module</title> 1.10 + 1.11 + <link href="http://purl.org/dc/terms/" rel=schema.dcterms> 1.12 + <link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright" 1.13 + rel=dcterms.rights> 1.14 + <meta content="CSS Multi-column Layout Module" name=dcterms.title> 1.15 + <meta content=text name=dcterms.type> 1.16 + <meta content=2013-02-07 name=dcterms.issued> 1.17 + <meta content="Håkon Wium Lie" name=dcterms.creator> 1.18 + <meta content=W3C name=dcterms.publisher> 1.19 + <meta content="http://www.w3.org/TR/2013/ED-css3-multicol-20130207/" 1.20 + name=dcterms.identifier> 1.21 <link href="../default.css" rel=stylesheet type="text/css"> 1.22 <link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet 1.23 - type="text/css"> 1.24 - 1.25 + type="text/css"> 1.26 <style type="text/css"> 1.27 .cols { width: 500px; height: 200px; background: #fff; position: relative; border: solid 5px blue; margin: 0.5em 2em 1em 0; font: bold 14px/19px Arial, sans-serif } 1.28 .cols p { padding: 3px; margin: 0 } 1.29 @@ -28,16 +38,15 @@ 1.30 1.31 <h1>CSS Multi-column Layout Module</h1> 1.32 1.33 - <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 16 July 2012</h2> 1.34 + <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 7 February 2013</h2> 1.35 1.36 <dl> 1.37 <dt>This version: 1.38 1.39 <dd> 1.40 - <!--<a href="http://www.w3.org/TR/2012/CR-css3-multicol-20120716">http://www.w3.org/TR/2012/ED-css3-multicol-20120716/</a>--> 1.41 + <!--<a href="http://www.w3.org/TR/2013/CR-css3-multicol-20130207">http://www.w3.org/TR/2013/ED-css3-multicol-20130207/</a>--> 1.42 <a 1.43 href="http://dev.w3.org/csswg/css3-multicol/">http://dev.w3.org/csswg/css3-multicol/</a> 1.44 - 1.45 1.46 <dt>Latest version: 1.47 1.48 @@ -48,7 +57,6 @@ 1.49 1.50 <dd><a 1.51 href="http://www.w3.org/TR/2009/CR-css3-multicol-20091217/">http://www.w3.org/TR/2009/CR-css3-multicol-20091217/</a> 1.52 - 1.53 1.54 <dt>Editors: 1.55 1.56 @@ -57,13 +65,14 @@ 1.57 <!--begin-copyright--> 1.58 <p class=copyright><a 1.59 href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright" 1.60 - rel=license>Copyright</a> © 2012 <a href="http://www.w3.org/"><abbr 1.61 + rel=license>Copyright</a> © 2013 <a href="http://www.w3.org/"><abbr 1.62 title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a 1.63 href="http://www.csail.mit.edu/"><abbr 1.64 title="Massachusetts Institute of Technology">MIT</abbr></a>, <a 1.65 href="http://www.ercim.eu/"><abbr 1.66 title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, 1.67 - <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a 1.68 + <a href="http://www.keio.ac.jp/">Keio</a>, <a 1.69 + href="http://ev.buaa.edu.cn/">Beihang</a>), All Rights Reserved. W3C <a 1.70 href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, 1.71 <a 1.72 href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> 1.73 @@ -184,7 +193,7 @@ 1.74 </ul> 1.75 1.76 <li><a href="#column-breaks"><span class=secno>5. </span>Column breaks</a> 1.77 - 1.78 + 1.79 <ul class=toc> 1.80 <li><a href="#break-before-break-after-break-inside"><span 1.81 class=secno>5.1. </span>‘<code class=property>break-before</code>’, 1.82 @@ -365,8 +374,7 @@ 1.83 break-after: avoid-column; 1.84 } 1.85 </pre> 1.86 - <!--<p>The properties and values used in this example are formally defined in [!CSS3PAGE]].--> 1.87 - </div> 1.88 + <!--<p>The properties and values used in this example are formally defined in [!CSS3PAGE]].--></div> 1.89 1.90 <p>If all column properties have their initial value, the layout of an 1.91 element will be identical to a multi-column layout with only one column. 1.92 @@ -704,6 +712,12 @@ 1.93 <td><em>Computed value:</em> 1.94 1.95 <td>the absolute length, zero or larger 1.96 + 1.97 + <tr> 1.98 + <td><em>Animatable:</em> 1.99 + 1.100 + <td>as <a 1.101 + href="http://dev.w3.org/csswg/css3-transitions/#animtype-length">length</a> 1.102 </table> 1.103 1.104 <p>This property describes the width of columns in multicol elements. 1.105 @@ -724,7 +738,7 @@ 1.106 </dl> 1.107 1.108 <div class=example> 1.109 - <p>For example, consider this style sheet:</p> 1.110 + <p>For example, consider this style sheet: 1.111 1.112 <pre> 1.113 div { 1.114 @@ -737,11 +751,11 @@ 1.115 1.116 <p>There is room for two 45px wide columns inside the 100px wide element. 1.117 In order to fill the available space the actual column width will be 1.118 - increased to 50px.</p> 1.119 + increased to 50px. 1.120 </div> 1.121 1.122 <div class=example> 1.123 - <p>Also, consider this style sheet:</p> 1.124 + <p>Also, consider this style sheet: 1.125 1.126 <pre> 1.127 div { 1.128 @@ -753,7 +767,7 @@ 1.129 </pre> 1.130 1.131 <p>The available space is smaller than the specified column width and the 1.132 - actual column width will therefore be decreased.</p> 1.133 + actual column width will therefore be decreased. 1.134 </div> 1.135 1.136 <p>To ensure that ‘<a href="#column-width"><code 1.137 @@ -815,6 +829,12 @@ 1.138 <td><em>Computed value:</em> 1.139 1.140 <td>specified value 1.141 + 1.142 + <tr> 1.143 + <td><em>Animatable:</em> 1.144 + 1.145 + <td>as <a 1.146 + href="http://dev.w3.org/csswg/css3-transitions/#animtype-integer">integer</a> 1.147 </table> 1.148 1.149 <p>This property describes the number of columns of a multicol element. 1.150 @@ -837,7 +857,7 @@ 1.151 </dl> 1.152 1.153 <div class=example> 1.154 - <p>Example:</p> 1.155 + <p>Example: 1.156 1.157 <pre>body { column-count: 3 }</pre> 1.158 </div> 1.159 @@ -889,6 +909,11 @@ 1.160 <td><em>Computed value:</em> 1.161 1.162 <td>see individual properties 1.163 + 1.164 + <tr> 1.165 + <td><em>Animatable:</em> 1.166 + 1.167 + <td>see individual properties 1.168 </table> 1.169 1.170 <p>This is a shorthand property for setting ‘<a 1.171 @@ -984,7 +1009,6 @@ 1.172 1.173 <p><span class=issue>Alternative encoding of pseudo-algorithm: 1.174 --> 1.175 - 1.176 1.177 <pre> 1.178 (01) if ((column-width = auto) and (column-count = auto)) then 1.179 @@ -1102,6 +1126,12 @@ 1.180 <td><em>Computed value:</em> 1.181 1.182 <td>absolute length or ‘<code class=property>normal</code>’ 1.183 + 1.184 + <tr> 1.185 + <td><em>Animatable:</em> 1.186 + 1.187 + <td>as <a 1.188 + href="http://dev.w3.org/csswg/css3-transitions/#animtype-length">length</a> 1.189 </table> 1.190 1.191 <p>The ‘<a href="#column-gap0"><code 1.192 @@ -1163,6 +1193,12 @@ 1.193 <td>the same as the computed value for the ‘<code 1.194 class=property>color</code>’ property <a href="#CSS21" 1.195 rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> 1.196 + 1.197 + <tr> 1.198 + <td><em>Animatable:</em> 1.199 + 1.200 + <td>as <a 1.201 + href="http://dev.w3.org/csswg/css3-transitions/#animtype-color">color</a> 1.202 </table> 1.203 1.204 <p>This property sets the color of the column rule. The <color> 1.205 @@ -1216,6 +1252,11 @@ 1.206 <td><em>Computed value:</em> 1.207 1.208 <td>specified value 1.209 + 1.210 + <tr> 1.211 + <td><em>Animatable:</em> 1.212 + 1.213 + <td>no 1.214 </table> 1.215 1.216 <p>The ‘<a href="#column-rule-style"><code 1.217 @@ -1248,7 +1289,6 @@ 1.218 1.219 <td><a 1.220 href="http://www.w3.org/TR/CSS21/box.html#value-def-border-width"><border-width></a> 1.221 - 1.222 1.223 <tr> 1.224 <td><em>Initial:</em> 1.225 @@ -1281,6 +1321,12 @@ 1.226 <td>absolute length; ‘<code class=css>0</code>’ if the column rule 1.227 style is ‘<code class=property>none</code>’ or ‘<code 1.228 class=property>hidden</code>’ 1.229 + 1.230 + <tr> 1.231 + <td><em>Animatable:</em> 1.232 + 1.233 + <td>as <a 1.234 + href="http://dev.w3.org/csswg/css3-transitions/#animtype-length">length</a> 1.235 </table> 1.236 1.237 <p>This property sets the width of the rule between columns. Negative 1.238 @@ -1335,6 +1381,11 @@ 1.239 <td><em>Computed value:</em> 1.240 1.241 <td>see individual properties 1.242 + 1.243 + <tr> 1.244 + <td><em>Animatable:</em> 1.245 + 1.246 + <td>see individual properties 1.247 </table> 1.248 1.249 <p>This property is a shorthand for setting ‘<a 1.250 @@ -1435,6 +1486,11 @@ 1.251 <td><em>Computed value:</em> 1.252 1.253 <td>specified value 1.254 + 1.255 + <tr> 1.256 + <td><em>Animatable:</em> 1.257 + 1.258 + <td>no 1.259 </table> 1.260 1.261 <table class=propdef> 1.262 @@ -1479,6 +1535,11 @@ 1.263 <td><em>Computed value:</em> 1.264 1.265 <td>specified value 1.266 + 1.267 + <tr> 1.268 + <td><em>Animatable:</em> 1.269 + 1.270 + <td>no 1.271 </table> 1.272 1.273 <table class=propdef> 1.274 @@ -1522,6 +1583,11 @@ 1.275 <td><em>Computed value:</em> 1.276 1.277 <td>specified value 1.278 + 1.279 + <tr> 1.280 + <td><em>Animatable:</em> 1.281 + 1.282 + <td>no 1.283 </table> 1.284 1.285 <p>These properties describe page/column break behavior before/after/inside 1.286 @@ -1654,6 +1720,11 @@ 1.287 <td><em>Computed value:</em> 1.288 1.289 <td>specified value 1.290 + 1.291 + <tr> 1.292 + <td><em>Animatable:</em> 1.293 + 1.294 + <td>no 1.295 </table> 1.296 1.297 <p>This property describes how many columns an element spans across. Values 1.298 @@ -1680,7 +1751,6 @@ 1.299 within the multicol element. Also, if a setting on this property pushes the 1.300 element outside a multicol element, this property will have no effect. 1.301 --> 1.302 - 1.303 1.304 <div class=example> 1.305 <p>In this example, an <code>h2</code> element has been added to the 1.306 @@ -1980,6 +2050,11 @@ 1.307 <td><em>Computed value:</em> 1.308 1.309 <td>specified value 1.310 + 1.311 + <tr> 1.312 + <td><em>Animatable:</em> 1.313 + 1.314 + <td>no 1.315 </table> 1.316 1.317 <p>The values are: 1.318 @@ -2004,7 +2079,6 @@ 1.319 <p>In paged media, this property will only have 1.320 effect on the last page the multicol element appears on. 1.321 --> 1.322 - 1.323 1.324 <h2 id=overflow><span class=secno>8. </span>Overflow</h2> 1.325 1.326 @@ -2206,7 +2280,6 @@ 1.327 1.328 <div class=example> 1.329 <p>In this example, explicit column breaks are generated after paragraphs: 1.330 - 1.331 1.332 <pre class=css> 1.333 p { 1.334 @@ -2296,8 +2369,7 @@ 1.335 1.336 <div class=gap style="left: 325px"></div> 1.337 </div> 1.338 - Due to column balancing, the last paragraph is split across three columns. 1.339 - </div> 1.340 + Due to column balancing, the last paragraph is split across three columns.</div> 1.341 1.342 <h2 id=conformance><span class=secno>9. </span>Conformance</h2> 1.343 1.344 @@ -2401,11 +2473,11 @@ 1.345 <dt id=CSS21>[CSS21] 1.346 1.347 <dd>Bert Bos; et al. <a 1.348 - href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style 1.349 + href="http://www.w3.org/TR/2011/REC-CSS2-20110607/"><cite>Cascading Style 1.350 Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 June 1.351 2011. W3C Recommendation. URL: <a 1.352 - href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a> 1.353 - </dd> 1.354 + href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">http://www.w3.org/TR/2011/REC-CSS2-20110607/</a> 1.355 + </dd> 1.356 <!----> 1.357 1.358 <dt id=RFC2119>[RFC2119] 1.359 @@ -2414,7 +2486,7 @@ 1.360 words for use in RFCs to Indicate Requirement Levels.</cite></a> Internet 1.361 RFC 2119. URL: <a 1.362 href="http://www.ietf.org/rfc/rfc2119.txt">http://www.ietf.org/rfc/rfc2119.txt</a> 1.363 - </dd> 1.364 + </dd> 1.365 <!----> 1.366 </dl> 1.367 <!--end-normative--> 1.368 @@ -2434,56 +2506,58 @@ 1.369 1.370 <ul class=indexlist> 1.371 <li>break-after, <a href="#break-after" 1.372 - title=break-after><strong>5.1.</strong></a> 1.373 + title="section 5.1."><strong>5.1.</strong></a> 1.374 1.375 <li>break-before, <a href="#break-before" 1.376 - title=break-before><strong>5.1.</strong></a> 1.377 + title="section 5.1."><strong>5.1.</strong></a> 1.378 1.379 <li>break-inside, <a href="#break-inside" 1.380 - title=break-inside><strong>5.1.</strong></a> 1.381 + title="section 5.1."><strong>5.1.</strong></a> 1.382 1.383 <li>column box, <a href="#column-box" 1.384 - title="column box"><strong>2.</strong></a> 1.385 + title="section 2."><strong>2.</strong></a> 1.386 1.387 <li>column-count, <a href="#column-count" 1.388 - title=column-count><strong>3.2.</strong></a> 1.389 + title="section 3.2."><strong>3.2.</strong></a> 1.390 1.391 <li>column-fill, <a href="#column-fill" 1.392 - title=column-fill><strong>7.1.</strong></a> 1.393 + title="section 7.1."><strong>7.1.</strong></a> 1.394 1.395 <li>column-gap, <a href="#column-gap0" 1.396 - title=column-gap><strong>4.1.</strong></a> 1.397 + title="section 4.1."><strong>4.1.</strong></a> 1.398 1.399 <li>column-rule, <a href="#column-rule0" 1.400 - title=column-rule><strong>4.5.</strong></a> 1.401 + title="section 4.5."><strong>4.5.</strong></a> 1.402 1.403 <li>column-rule-color, <a href="#column-rule-color" 1.404 - title=column-rule-color><strong>4.2.</strong></a> 1.405 + title="section 4.2."><strong>4.2.</strong></a> 1.406 1.407 <li>column-rule-style, <a href="#column-rule-style" 1.408 - title=column-rule-style><strong>4.3.</strong></a> 1.409 + title="section 4.3."><strong>4.3.</strong></a> 1.410 1.411 <li>column-rule-width, <a href="#column-rule-width" 1.412 - title=column-rule-width><strong>4.4.</strong></a> 1.413 - 1.414 - <li>columns, <a href="#columns0" title=columns><strong>3.3.</strong></a> 1.415 + title="section 4.4."><strong>4.4.</strong></a> 1.416 + 1.417 + <li>columns, <a href="#columns0" 1.418 + title="section 3.3."><strong>3.3.</strong></a> 1.419 1.420 <li>column-span, <a href="#column-span0" 1.421 - title=column-span><strong>6.1.</strong></a> 1.422 + title="section 6.1."><strong>6.1.</strong></a> 1.423 1.424 <li>column-width, <a href="#column-width" 1.425 - title=column-width><strong>3.1.</strong></a> 1.426 + title="section 3.1."><strong>3.1.</strong></a> 1.427 1.428 <li>multi-column element, <a href="#multi-column-element" 1.429 - title="multi-column element"><strong>2.</strong></a> 1.430 + title="section 2."><strong>2.</strong></a> 1.431 1.432 <li>overflow columns, <a href="#overflow-columns" 1.433 - title="overflow columns"><strong>8.2.</strong></a> 1.434 - 1.435 - <li>spanner, <a href="#spanner" title=spanner><strong>6.1.</strong></a> 1.436 + title="section 8.2."><strong>8.2.</strong></a> 1.437 + 1.438 + <li>spanner, <a href="#spanner" 1.439 + title="section 6.1."><strong>6.1.</strong></a> 1.440 1.441 <li>spanning element, <a href="#spanning-element" 1.442 - title="spanning element"><strong>6.1.</strong></a> 1.443 + title="section 6.1."><strong>6.1.</strong></a> 1.444 </ul> 1.445 <!--end-index--> 1.446
2.1 --- a/css3-multicol/Overview.src.html Thu Feb 07 22:29:55 2013 -0800 2.2 +++ b/css3-multicol/Overview.src.html Thu Feb 07 22:43:19 2013 -0800 2.3 @@ -583,6 +583,9 @@ 2.4 <tr> 2.5 <td><em>Computed value:</em> 2.6 <td>the absolute length, zero or larger 2.7 + <tr> 2.8 + <td><em>Animatable:</em> 2.9 + <td>as <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-length">length</a> 2.10 </table> 2.11 2.12 <p>This property describes the width of columns in multicol elements. 2.13 @@ -676,6 +679,9 @@ 2.14 <tr> 2.15 <td><em>Computed value:</em> 2.16 <td>specified value 2.17 + <tr> 2.18 + <td><em>Animatable:</em> 2.19 + <td>as <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-integer">integer</a> 2.20 </table> 2.21 2.22 <p>This property describes the number of columns of a multicol element. 2.23 @@ -730,6 +736,9 @@ 2.24 <tr> 2.25 <td><em>Computed value:</em> 2.26 <td>see individual properties 2.27 + <tr> 2.28 + <td><em>Animatable:</em> 2.29 + <td>see individual properties 2.30 </table> 2.31 2.32 <p>This is a shorthand property for setting 'column-width' and 2.33 @@ -914,6 +923,9 @@ 2.34 <tr> 2.35 <td><em>Computed value:</em> 2.36 <td>absolute length or 'normal' 2.37 + <tr> 2.38 + <td><em>Animatable:</em> 2.39 + <td>as <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-length">length</a> 2.40 </table> 2.41 2.42 2.43 @@ -953,6 +965,9 @@ 2.44 <tr> 2.45 <td><em>Computed value:</em> 2.46 <td>the same as the computed value for the 'color' property [[!CSS21]] 2.47 + <tr> 2.48 + <td><em>Animatable:</em> 2.49 + <td>as <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-color">color</a> 2.50 </table> 2.51 2.52 <p>This property sets the color of the column rule. The <color> 2.53 @@ -988,6 +1003,9 @@ 2.54 <tr> 2.55 <td><em>Computed value:</em> 2.56 <td>specified value 2.57 + <tr> 2.58 + <td><em>Animatable:</em> 2.59 + <td>no 2.60 </table> 2.61 2.62 <p>The 'column-rule-style' property sets the style of the rule between columns of an element. The <border-style> values are defined in [[!CSS21]] and the values are interpreted as in the <a href="http://www.w3.org/TR/CSS2/tables.html#collapsing-borders">the collapsing border model</a>. 2.63 @@ -1022,6 +1040,9 @@ 2.64 <tr> 2.65 <td><em>Computed value:</em> 2.66 <td>absolute length; '0' if the column rule style is 'none' or 'hidden' 2.67 + <tr> 2.68 + <td><em>Animatable:</em> 2.69 + <td>as <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-length">length</a> 2.70 </table> 2.71 2.72 <p>This property sets the width of the rule between columns. Negative values are not allowed. 2.73 @@ -1054,6 +1075,9 @@ 2.74 <tr> 2.75 <td><em>Computed value:</em> 2.76 <td>see individual properties 2.77 + <tr> 2.78 + <td><em>Animatable:</em> 2.79 + <td>see individual properties 2.80 </table> 2.81 2.82 <p>This property is a shorthand for setting 2.83 @@ -1128,6 +1152,9 @@ 2.84 <tr> 2.85 <td><em>Computed value:</em> 2.86 <td>specified value 2.87 + <tr> 2.88 + <td><em>Animatable:</em> 2.89 + <td>no 2.90 </table> 2.91 2.92 <table class=propdef> 2.93 @@ -1155,6 +1182,9 @@ 2.94 <tr> 2.95 <td><em>Computed value:</em> 2.96 <td>specified value 2.97 + <tr> 2.98 + <td><em>Animatable:</em> 2.99 + <td>no 2.100 </table> 2.101 2.102 2.103 @@ -1184,6 +1214,9 @@ 2.104 <tr> 2.105 <td><em>Computed value:</em> 2.106 <td>specified value 2.107 + <tr> 2.108 + <td><em>Animatable:</em> 2.109 + <td>no 2.110 </table> 2.111 2.112 2.113 @@ -1283,6 +1316,9 @@ 2.114 <tr> 2.115 <td><em>Computed value:</em> 2.116 <td>specified value 2.117 + <tr> 2.118 + <td><em>Animatable:</em> 2.119 + <td>no 2.120 </table> 2.121 2.122 <p>This property describes how many columns an element spans across. Values are: 2.123 @@ -1618,6 +1654,9 @@ 2.124 <tr> 2.125 <td><em>Computed value:</em> 2.126 <td>specified value 2.127 + <tr> 2.128 + <td><em>Animatable:</em> 2.129 + <td>no 2.130 </table> 2.131 2.132 <p>The values are: