Thu, 07 Mar 2013 10:14:35 +0100
[css4-page] title tweaked again
css4-page/Overview.html | file | annotate | diff | comparison | revisions | |
css4-page/Overview.src.html | file | annotate | diff | comparison | revisions |
1.1 --- a/css4-page/Overview.html Thu Mar 07 10:04:20 2013 +0900 1.2 +++ b/css4-page/Overview.html Thu Mar 07 10:14:35 2013 +0100 1.3 @@ -3,202 +3,22 @@ 1.4 <html lang=en> 1.5 <head profile="http://dublincore.org/documents/2008/08/04/dc-html/ "> 1.6 <meta content="text/html; charset=utf-8" http-equiv=content-type> 1.7 - <title>Proposals for CSS Paged Media Module Level 4</title> 1.8 + <title>Proposals for the future of CSS Paged Media</title> 1.9 1.10 <link href="http://purl.org/dc/terms/" rel=schema.dcterms> 1.11 <link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright" 1.12 rel=dcterms.rights> 1.13 - <meta content="Proposals for CSS Paged Media Module Level 4" 1.14 + <meta content="Proposals for the future of CSS Paged Media" 1.15 name=dcterms.title> 1.16 <meta content=text name=dcterms.type> 1.17 - <meta content=2013-03-04 name=dcterms.issued> 1.18 + <meta content=2013-03-07 name=dcterms.issued> 1.19 <meta content="Daniel Glazman" name=dcterms.creator> 1.20 <meta content=W3C name=dcterms.publisher> 1.21 - <meta content="http://dev.w3.org/csswg/css4-page/" name=dcterms.identifier> 1.22 + <meta content="http://dev.w3.org/csswg/www-style/" name=dcterms.identifier> 1.23 <link href="../default.css" rel=stylesheet type="text/css"> 1.24 <link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet 1.25 type="text/css"> 1.26 - <style type="text/css"> 1.27 -.keyword { 1.28 - font-weight: bold; 1.29 -} 1.30 - 1.31 -.equation { 1.32 - padding-top: 2%; 1.33 - padding-right: 2%; 1.34 - padding-bottom: 2%; 1.35 - padding-left: 2%; 1.36 -} 1.37 - 1.38 -table.equation { 1.39 - text-align: center; 1.40 -} 1.41 - 1.42 -td, th { 1.43 - vertical-align: top; 1.44 -} 1.45 - 1.46 -pre { 1.47 - font-size: 1em; 1.48 -} 1.49 - 1.50 -#margin-values { 1.51 - border-collapse: collapse; 1.52 -} 1.53 - 1.54 -#margin-values td, #margin-values th { 1.55 - padding-top: 0.2em; 1.56 - padding-right: 0.2em; 1.57 - padding-bottom: 0.2em; 1.58 - padding-left: 0.2em; 1.59 - border-top-width: thin; 1.60 - border-right-width: thin; 1.61 - border-bottom-width: thin; 1.62 - border-left-width: thin; 1.63 - border-top-style: solid; 1.64 - border-right-style: solid; 1.65 - border-bottom-style: solid; 1.66 - border-left-style: solid; 1.67 - border-top-color: black; 1.68 - border-right-color: black; 1.69 - border-bottom-color: black; 1.70 - border-left-color: black; 1.71 -} 1.72 - 1.73 -.property-list { 1.74 - border-top-width: 1px; 1.75 - border-right-width: 1px; 1.76 - border-bottom-width: 1px; 1.77 - border-left-width: 1px; 1.78 - border-top-style: solid; 1.79 - border-right-style: solid; 1.80 - border-bottom-style: solid; 1.81 - border-left-style: solid; 1.82 - border-top-color: black; 1.83 - border-right-color: black; 1.84 - border-bottom-color: black; 1.85 - border-left-color: black; 1.86 - padding-top: 0.2em; 1.87 - padding-right: 0.2em; 1.88 - padding-bottom: 0.2em; 1.89 - padding-left: 0.2em; 1.90 - margin-top: 2em; 1.91 -} 1.92 - 1.93 -.property-list td { 1.94 - border-top-width: 1px; 1.95 - border-right-width: 1px; 1.96 - border-bottom-width: 1px; 1.97 - border-left-width: 1px; 1.98 - border-top-style: solid; 1.99 - border-right-style: solid; 1.100 - border-bottom-style: solid; 1.101 - border-left-style: solid; 1.102 - border-top-color: black; 1.103 - border-right-color: black; 1.104 - border-bottom-color: black; 1.105 - border-left-color: black; 1.106 - padding-top: 0.1em; 1.107 - padding-right: 0.1em; 1.108 - padding-bottom: 0.1em; 1.109 - padding-left: 0.1em; 1.110 -} 1.111 - 1.112 -.editorial { 1.113 - display: block; 1.114 - font-family: arial, helvetica, sans-serif; 1.115 - font-size: 80%; 1.116 - margin-left: 0.5in; 1.117 - margin-right: 1in; 1.118 - padding-top: 0.125in; 1.119 - padding-right: 0.125in; 1.120 - padding-bottom: 0.125in; 1.121 - padding-left: 0.125in; 1.122 - background-color: #ffffdd; 1.123 - background-image: none; 1.124 - background-repeat: repeat; 1.125 - background-attachment: scroll; 1.126 - background-position: 0% 0%; 1.127 -} 1.128 - 1.129 -.editorial:after { 1.130 - content: "Ed."; 1.131 -} 1.132 - 1.133 -.RFC2119 { -epub-text-transform: lowercase; 1.134 - text-transform: lowercase; 1.135 - font-style: italic; 1.136 -} 1.137 - 1.138 -em em.RFC2119 { -epub-text-transform: lowercase; 1.139 - text-transform: lowercase; 1.140 - font-style: normal; 1.141 -} 1.142 - 1.143 -table.page-sizes { 1.144 - border-top-width: thin; 1.145 - border-right-width: thin; 1.146 - border-bottom-width: thin; 1.147 - border-left-width: thin; 1.148 - border-top-style: solid; 1.149 - border-right-style: solid; 1.150 - border-bottom-style: solid; 1.151 - border-left-style: solid; 1.152 - margin-top: 1.5em; 1.153 -} 1.154 - 1.155 -table.page-sizes td { 1.156 - border-top-width: thin; 1.157 - border-right-width: thin; 1.158 - border-bottom-width: thin; 1.159 - border-left-width: thin; 1.160 - border-top-style: solid; 1.161 - border-right-style: solid; 1.162 - border-bottom-style: solid; 1.163 - border-left-style: solid; 1.164 - padding-top: 0.5em; 1.165 - padding-right: 0.5em; 1.166 - padding-bottom: 0.5em; 1.167 - padding-left: 0.5em; 1.168 -} 1.169 - 1.170 -table.page-sizes th { 1.171 - border-top-width: thin; 1.172 - border-right-width: thin; 1.173 - border-bottom-width: thin; 1.174 - border-left-width: thin; 1.175 - border-top-style: solid; 1.176 - border-right-style: solid; 1.177 - border-bottom-style: solid; 1.178 - border-left-style: solid; 1.179 - padding-top: 0.5em; 1.180 - padding-right: 0.5em; 1.181 - padding-bottom: 0.5em; 1.182 - padding-left: 0.5em; 1.183 - background-color: #ffffaa; 1.184 - background-image: none; 1.185 - background-repeat: repeat; 1.186 - background-attachment: scroll; 1.187 - background-position: 0% 0%; 1.188 -} 1.189 - 1.190 -.floating-right-image { 1.191 - float: right; 1.192 - margin-left: 1em; 1.193 - margin-bottom: 1em; 1.194 -} 1.195 - 1.196 -figure { 1.197 - counter-increment: figure-counter; 1.198 - font-style: italic; 1.199 - font-size: smaller; 1.200 -} 1.201 - 1.202 -figure > legend:before { 1.203 - content: "Figure " counter(figure-counter); 1.204 - display: block; 1.205 -} 1.206 -</style> 1.207 + <style type="text/css"> 1.208 .keyword { 1.209 font-weight: bold; 1.210 } 1.211 1.212 .equation { 1.213 padding-top: 2%; 1.214 padding-right: 2%; 1.215 padding-bottom: 2%; 1.216 padding-left: 2%; 1.217 } 1.218 1.219 table.equation { 1.220 text-align: center; 1.221 } 1.222 1.223 td, th { 1.224 vertical-align: top; 1.225 } 1.226 1.227 pre { 1.228 font-size: 1em; 1.229 } 1.230 1.231 #margin-values { 1.232 border-collapse: collapse; 1.233 } 1.234 1.235 #margin-values td, #margin-values th { 1.236 padding-top: 0.2em; 1.237 padding-right: 0.2em; 1.238 padding-bottom: 0.2em; 1.239 padding-left: 0.2em; 1.240 border-top-width: thin; 1.241 border-right-width: thin; 1.242 border-bottom-width: thin; 1.243 border-left-width: thin; 1.244 border-top-style: solid; 1.245 border-right-style: solid; 1.246 border-bottom-style: solid; 1.247 border-left-style: solid; 1.248 border-top-color: black; 1.249 border-right-color: black; 1.250 border-bottom-color: black; 1.251 border-left-color: black; 1.252 } 1.253 1.254 .property-list { 1.255 border-top-width: 1px; 1.256 border-right-width: 1px; 1.257 border-bottom-width: 1px; 1.258 border-left-width: 1px; 1.259 border-top-style: solid; 1.260 border-right-style: solid; 1.261 border-bottom-style: solid; 1.262 border-left-style: solid; 1.263 border-top-color: black; 1.264 border-right-color: black; 1.265 border-bottom-color: black; 1.266 border-left-color: black; 1.267 padding-top: 0.2em; 1.268 padding-right: 0.2em; 1.269 padding-bottom: 0.2em; 1.270 padding-left: 0.2em; 1.271 margin-top: 2em; 1.272 } 1.273 1.274 .property-list td { 1.275 border-top-width: 1px; 1.276 border-right-width: 1px; 1.277 border-bottom-width: 1px; 1.278 border-left-width: 1px; 1.279 border-top-style: solid; 1.280 border-right-style: solid; 1.281 border-bottom-style: solid; 1.282 border-left-style: solid; 1.283 border-top-color: black; 1.284 border-right-color: black; 1.285 border-bottom-color: black; 1.286 border-left-color: black; 1.287 padding-top: 0.1em; 1.288 padding-right: 0.1em; 1.289 padding-bottom: 0.1em; 1.290 padding-left: 0.1em; 1.291 } 1.292 1.293 .editorial { 1.294 display: block; 1.295 font-family: arial, helvetica, sans-serif; 1.296 font-size: 80%; 1.297 margin-left: 0.5in; 1.298 margin-right: 1in; 1.299 padding-top: 0.125in; 1.300 padding-right: 0.125in; 1.301 padding-bottom: 0.125in; 1.302 padding-left: 0.125in; 1.303 background-color: #ffffdd; 1.304 background-image: none; 1.305 background-repeat: repeat; 1.306 background-attachment: scroll; 1.307 background-position: 0% 0%; 1.308 } 1.309 1.310 .editorial:after { 1.311 content: "Ed."; 1.312 } 1.313 1.314 .RFC2119 { -epub-text-transform: lowercase; 1.315 text-transform: lowercase; 1.316 font-style: italic; 1.317 } 1.318 1.319 em em.RFC2119 { -epub-text-transform: lowercase; 1.320 text-transform: lowercase; 1.321 font-style: normal; 1.322 } 1.323 1.324 table.page-sizes { 1.325 border-top-width: thin; 1.326 border-right-width: thin; 1.327 border-bottom-width: thin; 1.328 border-left-width: thin; 1.329 border-top-style: solid; 1.330 border-right-style: solid; 1.331 border-bottom-style: solid; 1.332 border-left-style: solid; 1.333 margin-top: 1.5em; 1.334 } 1.335 1.336 table.page-sizes td { 1.337 border-top-width: thin; 1.338 border-right-width: thin; 1.339 border-bottom-width: thin; 1.340 border-left-width: thin; 1.341 border-top-style: solid; 1.342 border-right-style: solid; 1.343 border-bottom-style: solid; 1.344 border-left-style: solid; 1.345 padding-top: 0.5em; 1.346 padding-right: 0.5em; 1.347 padding-bottom: 0.5em; 1.348 padding-left: 0.5em; 1.349 } 1.350 1.351 table.page-sizes th { 1.352 border-top-width: thin; 1.353 border-right-width: thin; 1.354 border-bottom-width: thin; 1.355 border-left-width: thin; 1.356 border-top-style: solid; 1.357 border-right-style: solid; 1.358 border-bottom-style: solid; 1.359 border-left-style: solid; 1.360 padding-top: 0.5em; 1.361 padding-right: 0.5em; 1.362 padding-bottom: 0.5em; 1.363 padding-left: 0.5em; 1.364 background-color: #ffffaa; 1.365 background-image: none; 1.366 background-repeat: repeat; 1.367 background-attachment: scroll; 1.368 background-position: 0% 0%; 1.369 } 1.370 1.371 .floating-right-image { 1.372 float: right; 1.373 margin-left: 1em; 1.374 margin-bottom: 1em; 1.375 } 1.376 1.377 figure { 1.378 counter-increment: figure-counter; 1.379 font-style: italic; 1.380 font-size: smaller; 1.381 } 1.382 1.383 figure > legend:before { 1.384 content: "Figure " counter(figure-counter); 1.385 display: block; 1.386 } 1.387 </style> 1.388 1.389 <body class=h-entry> 1.390 <div> 1.391 @@ -206,10 +26,10 @@ 1.392 <p><a href="http://www.w3.org/"><img alt=W3C height=48 1.393 src="http://www.w3.org/Icons/w3c_home" width=72></a> <!--end-logo--> 1.394 1.395 - <h1 class=p-name>Proposals for CSS Paged Media Module Level 4</h1> 1.396 + <h1 class=p-name>Proposals for the future of CSS Paged Media</h1> 1.397 1.398 <h2 class="no-num no-toc" id=w3c-working>Editor's Draft <span 1.399 - class=dt-updated><span class=value-title title=20130304> 4 March 1.400 + class=dt-updated><span class=value-title title=20130307> 7 March 1.401 2013</span></span></h2> 1.402 1.403 <dl> 1.404 @@ -217,7 +37,7 @@ 1.405 1.406 <dd><a class=u-url 1.407 href="http://dev.w3.org/csswg/css4-page/">http://dev.w3.org/csswg/css4-page/</a></dd> 1.408 - <!-- <dd><a class="u-url" href="http://dev.w3.org/csswg/css4-page/">http://www.w3.org/TR/2013/WD-css4-page-20130304</a></dd> --> 1.409 + <!-- <dd><a class="u-url" href="http://dev.w3.org/csswg/www-style/">http://www.w3.org/TR/2013/WD-www-style-20130307</a></dd> --> 1.410 1.411 <dt>Latest version: 1.412 1.413 @@ -230,14 +50,13 @@ 1.414 1.415 <dt>Issue Tracking: 1.416 1.417 - <dd>TBD <!-- or use the wiki: 1.418 - <dd><a rel="issues" href="http://wiki.csswg.org/spec/css4-page" >http://wiki.csswg.org/spec/css4-page</a></dd>--> 1.419 + <dd>TBD <!-- or use the wiki: 1.420 <dd><a rel="issues" href="http://wiki.csswg.org/spec/css4-page" >http://wiki.csswg.org/spec/css4-page</a></dd>--> 1.421 1.422 <dt>Feedback: 1.423 1.424 <dd><a 1.425 - href="mailto:www-style@w3.org?subject=%5Bcss4-page%5D%20feedback">www-style@w3.org</a> 1.426 - with subject line “<kbd>[css4-page] <var>… message topic 1.427 + href="mailto:www-style@w3.org?subject=%5Bwww-style%5D%20feedback">www-style@w3.org</a> 1.428 + with subject line “<kbd>[www-style] <var>… message topic 1.429 …</var></kbd>” (<a 1.430 href="http://lists.w3.org/Archives/Public/www-style/" 1.431 rel=discussion>archives</a>) 1.432 @@ -286,12 +105,12 @@ 1.433 <p>The (<a 1.434 href="http://lists.w3.org/Archives/Public/www-style/">archived</a>) 1.435 public mailing list <a 1.436 - href="mailto:www-style@w3.org?Subject=%5Bcss4-page%5D%20PUT%20SUBJECT%20HERE"> 1.437 + href="mailto:www-style@w3.org?Subject=%5Bwww-style%5D%20PUT%20SUBJECT%20HERE"> 1.438 www-style@w3.org</a> (see <a 1.439 href="http://www.w3.org/Mail/Request">instructions</a>) is preferred for 1.440 discussion of this specification. When sending e-mail, please put the 1.441 - text “css4-page” in the subject, preferably like this: 1.442 - “[<!---->css4-page<!---->] <em>…summary of comment…</em>” 1.443 + text “www-style” in the subject, preferably like this: 1.444 + “[<!---->www-style<!---->] <em>…summary of comment…</em>” 1.445 1.446 <p>This document was produced by the <a href="/Style/CSS/members">CSS 1.447 Working Group</a> (part of the <a href="/Style/">Style Activity</a>).
2.1 --- a/css4-page/Overview.src.html Thu Mar 07 10:04:20 2013 +0900 2.2 +++ b/css4-page/Overview.src.html Thu Mar 07 10:14:35 2013 +0100 2.3 @@ -1,341 +1,6 @@ 2.4 -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> 2.5 -<html lang="en"> 2.6 - <head> 2.7 - <meta content="text/html; charset=utf-8" http-equiv="content-type"> 2.8 - <title>Proposals for CSS Paged Media Module Level 4</title> 2.9 - <link href="../default.css" rel="stylesheet" type="text/css"> 2.10 - <link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-ED.css"> 2.11 - <style type="text/css"> 2.12 -.keyword { 2.13 - font-weight: bold; 2.14 -} 2.15 - 2.16 -.equation { 2.17 - padding-top: 2%; 2.18 - padding-right: 2%; 2.19 - padding-bottom: 2%; 2.20 - padding-left: 2%; 2.21 -} 2.22 - 2.23 -table.equation { 2.24 - text-align: center; 2.25 -} 2.26 - 2.27 -td, th { 2.28 - vertical-align: top; 2.29 -} 2.30 - 2.31 -pre { 2.32 - font-size: 1em; 2.33 -} 2.34 - 2.35 -#margin-values { 2.36 - border-collapse: collapse; 2.37 -} 2.38 - 2.39 -#margin-values td, #margin-values th { 2.40 - padding-top: 0.2em; 2.41 - padding-right: 0.2em; 2.42 - padding-bottom: 0.2em; 2.43 - padding-left: 0.2em; 2.44 - border-top-width: thin; 2.45 - border-right-width: thin; 2.46 - border-bottom-width: thin; 2.47 - border-left-width: thin; 2.48 - border-top-style: solid; 2.49 - border-right-style: solid; 2.50 - border-bottom-style: solid; 2.51 - border-left-style: solid; 2.52 - border-top-color: black; 2.53 - border-right-color: black; 2.54 - border-bottom-color: black; 2.55 - border-left-color: black; 2.56 -} 2.57 - 2.58 -.property-list { 2.59 - border-top-width: 1px; 2.60 - border-right-width: 1px; 2.61 - border-bottom-width: 1px; 2.62 - border-left-width: 1px; 2.63 - border-top-style: solid; 2.64 - border-right-style: solid; 2.65 - border-bottom-style: solid; 2.66 - border-left-style: solid; 2.67 - border-top-color: black; 2.68 - border-right-color: black; 2.69 - border-bottom-color: black; 2.70 - border-left-color: black; 2.71 - padding-top: 0.2em; 2.72 - padding-right: 0.2em; 2.73 - padding-bottom: 0.2em; 2.74 - padding-left: 0.2em; 2.75 - margin-top: 2em; 2.76 -} 2.77 - 2.78 -.property-list td { 2.79 - border-top-width: 1px; 2.80 - border-right-width: 1px; 2.81 - border-bottom-width: 1px; 2.82 - border-left-width: 1px; 2.83 - border-top-style: solid; 2.84 - border-right-style: solid; 2.85 - border-bottom-style: solid; 2.86 - border-left-style: solid; 2.87 - border-top-color: black; 2.88 - border-right-color: black; 2.89 - border-bottom-color: black; 2.90 - border-left-color: black; 2.91 - padding-top: 0.1em; 2.92 - padding-right: 0.1em; 2.93 - padding-bottom: 0.1em; 2.94 - padding-left: 0.1em; 2.95 -} 2.96 - 2.97 -.editorial { 2.98 - display: block; 2.99 - font-family: arial, helvetica, sans-serif; 2.100 - font-size: 80%; 2.101 - margin-left: 0.5in; 2.102 - margin-right: 1in; 2.103 - padding-top: 0.125in; 2.104 - padding-right: 0.125in; 2.105 - padding-bottom: 0.125in; 2.106 - padding-left: 0.125in; 2.107 - background-color: #ffffdd; 2.108 - background-image: none; 2.109 - background-repeat: repeat; 2.110 - background-attachment: scroll; 2.111 - background-position: 0% 0%; 2.112 -} 2.113 - 2.114 -.editorial:after { 2.115 - content: "Ed."; 2.116 -} 2.117 - 2.118 -.RFC2119 { -epub-text-transform: lowercase; 2.119 - text-transform: lowercase; 2.120 - font-style: italic; 2.121 -} 2.122 - 2.123 -em em.RFC2119 { -epub-text-transform: lowercase; 2.124 - text-transform: lowercase; 2.125 - font-style: normal; 2.126 -} 2.127 - 2.128 -table.page-sizes { 2.129 - border-top-width: thin; 2.130 - border-right-width: thin; 2.131 - border-bottom-width: thin; 2.132 - border-left-width: thin; 2.133 - border-top-style: solid; 2.134 - border-right-style: solid; 2.135 - border-bottom-style: solid; 2.136 - border-left-style: solid; 2.137 - margin-top: 1.5em; 2.138 -} 2.139 - 2.140 -table.page-sizes td { 2.141 - border-top-width: thin; 2.142 - border-right-width: thin; 2.143 - border-bottom-width: thin; 2.144 - border-left-width: thin; 2.145 - border-top-style: solid; 2.146 - border-right-style: solid; 2.147 - border-bottom-style: solid; 2.148 - border-left-style: solid; 2.149 - padding-top: 0.5em; 2.150 - padding-right: 0.5em; 2.151 - padding-bottom: 0.5em; 2.152 - padding-left: 0.5em; 2.153 -} 2.154 - 2.155 -table.page-sizes th { 2.156 - border-top-width: thin; 2.157 - border-right-width: thin; 2.158 - border-bottom-width: thin; 2.159 - border-left-width: thin; 2.160 - border-top-style: solid; 2.161 - border-right-style: solid; 2.162 - border-bottom-style: solid; 2.163 - border-left-style: solid; 2.164 - padding-top: 0.5em; 2.165 - padding-right: 0.5em; 2.166 - padding-bottom: 0.5em; 2.167 - padding-left: 0.5em; 2.168 - background-color: #ffffaa; 2.169 - background-image: none; 2.170 - background-repeat: repeat; 2.171 - background-attachment: scroll; 2.172 - background-position: 0% 0%; 2.173 -} 2.174 - 2.175 -.floating-right-image { 2.176 - float: right; 2.177 - margin-left: 1em; 2.178 - margin-bottom: 1em; 2.179 -} 2.180 - 2.181 -figure { 2.182 - counter-increment: figure-counter; 2.183 - font-style: italic; 2.184 - font-size: smaller; 2.185 -} 2.186 - 2.187 -figure > legend:before { 2.188 - content: "Figure " counter(figure-counter); 2.189 - display: block; 2.190 -} 2.191 -</style> </head> 2.192 - <body class="h-entry"> 2.193 - <div> 2.194 - <div class="head"> 2.195 - <!--logo--> 2.196 - <h1 class="p-name">Proposals for CSS Paged Media Module Level 4</h1> 2.197 - <h2 class="no-num no-toc" id="w3c-working">[LONGSTATUS] <span class="dt-updated"><span 2.198 - class="value-title" title="[CDATE]">[DATE]</span></span></h2> 2.199 - <dl> 2.200 - <dt>This version:</dt> 2.201 - <dd><a class="u-url" href="http://dev.w3.org/csswg/css4-page/">http://dev.w3.org/csswg/css4-page/</a></dd> 2.202 - <!-- <dd><a class="u-url" href="[VERSION]">http://www.w3.org/TR/[YEAR]/WD-[SHORTNAME]-[CDATE]</a></dd> --> 2.203 - <dt>Latest version:</dt> 2.204 - <dd><a href="http://www.w3.org/TR/css4-page">http://www.w3.org/TR/css4-page</a></dd> 2.205 - <dt>Previous version:</dt> 2.206 - <dd>--</dd> 2.207 - <dt>Issue Tracking:</dt> 2.208 - <dd>TBD 2.209 - <!-- or use the wiki: 2.210 - <dd><a rel="issues" href="http://wiki.csswg.org/spec/css4-page" >http://wiki.csswg.org/spec/css4-page</a></dd>--> 2.211 - </dd> 2.212 - <dt>Feedback:</dt> 2.213 - <dd><a href="mailto:www-style@w3.org?subject=%5B[SHORTNAME]%5D%20feedback">www-style@w3.org</a> 2.214 - with subject line “<kbd>[[SHORTNAME]] <var>… message topic …</var></kbd>” 2.215 - (<a rel="discussion" href="http://lists.w3.org/Archives/Public/www-style/">archives</a>) 2.216 - </dd> 2.217 - <dt>Editor:</dt> 2.218 - <dd>Daniel Glazman, Disruptive Innovations</dd> 2.219 - </dl> 2.220 - <!--copyright--> </div> 2.221 - <hr title="Separator for header"> 2.222 - <h2 class="no-num no-toc" id="abstract">Abstract</h2> 2.223 - <p> <span class="p-summary"> This module describes an extension of the 2.224 - page model that partitions a flow into pages. It adds to Paged Media 2.225 - Level 3 features introduced by other modules like CSS Regions or CSS 2.226 - Exclusions and Shapes: content flows, exclusions, more powerful 2.227 - headers and footers, etc. It does not deprecate nor obsolete Paged 2.228 - Media Level 3 but is designed to live gracefully with it.</span> </p> 2.229 - <!-- "Status of this document" --> 2.230 - <h2 class="no-num no-toc" id="status">Status of this Document</h2> 2.231 - <!--status--> 2.232 - <h2 class="no-num no-toc" id="contents">Table of Contents</h2> 2.233 - <!--begin-toc--> 2.234 - <!--end-toc--> 2.235 - <!-- "Introduction" --> 2.236 - <h2 id="intro">Introduction</h2> 2.237 - <p>Convergence between electronic books and Open Web Standards requires 2.238 - new features related to pagination and page layouts. If CSS Paged Media 2.239 - Level 3 paved the way, extension of its page model is now needed to 2.240 - provide the industry with solutions more in line with the new usage 2.241 - modes of Web Standards on one hand, better integrated with the state of 2.242 - the art of CSS on the other.</p> 2.243 - <p>This module describes how other CSS modules like Regions, Grid Layout, 2.244 - Exclusions and Shapes can enhance the page model for a better pagination 2.245 - on the Web and on print.</p> 2.246 - <h2 id="conformance">Conformance </h2> 2.247 - <p>All of the text in this specification is normative except sections 2.248 - explicitly marked as non-normative, examples, and notes. The keywords "<em 2.249 - class="RFC2119">MUST</em>", "<em class="RFC2119">SHALL</em>", "<em class="RFC2119">MUST 2.250 - NOT</em>", "<em class="RFC2119">SHALL NOT</em>", "<em class="RFC2119">REQUIRED</em>", 2.251 - "<em class="RFC2119">SHOULD</em>", "<em class="RFC2119">SHOULD NOT</em>", 2.252 - "<em class="RFC2119">RECOMMENDED</em>", "<em class="RFC2119">MAY</em>", 2.253 - and "<em class="RFC2119">OPTIONAL</em>" when used in this document are 2.254 - to be interpreted as described in <cite>RFC 2119</cite> [[!RFC2119]]. 2.255 - However, for readability, these words do not appear in all uppercase 2.256 - letters in this specification.</p> 2.257 - <p>Examples in this specification are introduced with the words "for 2.258 - example" or are set apart from the normative text with <code>class="example"</code>, 2.259 - like this: </p> 2.260 - <div class="example"> 2.261 - <p>This is an example of an informative example.</p> 2.262 - </div> 2.263 - <p>Informative notes begin with the word "Note" and are set apart from the 2.264 - normative text with <code>class="note"</code>, like this: </p> 2.265 - <p class="note">Note, this is an informative note.</p> 2.266 - <h2>The CSS 3 Page Model</h2> 2.267 - <p>This section is informative.</p> 2.268 - <p> </p> 2.269 - The current Page Model, as described in <cite>CSS3 Module: Paged Media </cite>[[!CSS3PAGE]], 2.270 +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> 2.271 <html lang="en"> 2.272 <head> 2.273 <meta content="text/html; charset=utf-8" http-equiv="content-type"> 2.274 <title>Proposals for the future of CSS Paged Media</title> 2.275 <link href="../default.css" rel="stylesheet" type="text/css"> 2.276 <link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-ED.css"> 2.277 <style type="text/css"> 2.278 .keyword { 2.279 font-weight: bold; 2.280 } 2.281 2.282 .equation { 2.283 padding-top: 2%; 2.284 padding-right: 2%; 2.285 padding-bottom: 2%; 2.286 padding-left: 2%; 2.287 } 2.288 2.289 table.equation { 2.290 text-align: center; 2.291 } 2.292 2.293 td, th { 2.294 vertical-align: top; 2.295 } 2.296 2.297 pre { 2.298 font-size: 1em; 2.299 } 2.300 2.301 #margin-values { 2.302 border-collapse: collapse; 2.303 } 2.304 2.305 #margin-values td, #margin-values th { 2.306 padding-top: 0.2em; 2.307 padding-right: 0.2em; 2.308 padding-bottom: 0.2em; 2.309 padding-left: 0.2em; 2.310 border-top-width: thin; 2.311 border-right-width: thin; 2.312 border-bottom-width: thin; 2.313 border-left-width: thin; 2.314 border-top-style: solid; 2.315 border-right-style: solid; 2.316 border-bottom-style: solid; 2.317 border-left-style: solid; 2.318 border-top-color: black; 2.319 border-right-color: black; 2.320 border-bottom-color: black; 2.321 border-left-color: black; 2.322 } 2.323 2.324 .property-list { 2.325 border-top-width: 1px; 2.326 border-right-width: 1px; 2.327 border-bottom-width: 1px; 2.328 border-left-width: 1px; 2.329 border-top-style: solid; 2.330 border-right-style: solid; 2.331 border-bottom-style: solid; 2.332 border-left-style: solid; 2.333 border-top-color: black; 2.334 border-right-color: black; 2.335 border-bottom-color: black; 2.336 border-left-color: black; 2.337 padding-top: 0.2em; 2.338 padding-right: 0.2em; 2.339 padding-bottom: 0.2em; 2.340 padding-left: 0.2em; 2.341 margin-top: 2em; 2.342 } 2.343 2.344 .property-list td { 2.345 border-top-width: 1px; 2.346 border-right-width: 1px; 2.347 border-bottom-width: 1px; 2.348 border-left-width: 1px; 2.349 border-top-style: solid; 2.350 border-right-style: solid; 2.351 border-bottom-style: solid; 2.352 border-left-style: solid; 2.353 border-top-color: black; 2.354 border-right-color: black; 2.355 border-bottom-color: black; 2.356 border-left-color: black; 2.357 padding-top: 0.1em; 2.358 padding-right: 0.1em; 2.359 padding-bottom: 0.1em; 2.360 padding-left: 0.1em; 2.361 } 2.362 2.363 .editorial { 2.364 display: block; 2.365 font-family: arial, helvetica, sans-serif; 2.366 font-size: 80%; 2.367 margin-left: 0.5in; 2.368 margin-right: 1in; 2.369 padding-top: 0.125in; 2.370 padding-right: 0.125in; 2.371 padding-bottom: 0.125in; 2.372 padding-left: 0.125in; 2.373 background-color: #ffffdd; 2.374 background-image: none; 2.375 background-repeat: repeat; 2.376 background-attachment: scroll; 2.377 background-position: 0% 0%; 2.378 } 2.379 2.380 .editorial:after { 2.381 content: "Ed."; 2.382 } 2.383 2.384 .RFC2119 { -epub-text-transform: lowercase; 2.385 text-transform: lowercase; 2.386 font-style: italic; 2.387 } 2.388 2.389 em em.RFC2119 { -epub-text-transform: lowercase; 2.390 text-transform: lowercase; 2.391 font-style: normal; 2.392 } 2.393 2.394 table.page-sizes { 2.395 border-top-width: thin; 2.396 border-right-width: thin; 2.397 border-bottom-width: thin; 2.398 border-left-width: thin; 2.399 border-top-style: solid; 2.400 border-right-style: solid; 2.401 border-bottom-style: solid; 2.402 border-left-style: solid; 2.403 margin-top: 1.5em; 2.404 } 2.405 2.406 table.page-sizes td { 2.407 border-top-width: thin; 2.408 border-right-width: thin; 2.409 border-bottom-width: thin; 2.410 border-left-width: thin; 2.411 border-top-style: solid; 2.412 border-right-style: solid; 2.413 border-bottom-style: solid; 2.414 border-left-style: solid; 2.415 padding-top: 0.5em; 2.416 padding-right: 0.5em; 2.417 padding-bottom: 0.5em; 2.418 padding-left: 0.5em; 2.419 } 2.420 2.421 table.page-sizes th { 2.422 border-top-width: thin; 2.423 border-right-width: thin; 2.424 border-bottom-width: thin; 2.425 border-left-width: thin; 2.426 border-top-style: solid; 2.427 border-right-style: solid; 2.428 border-bottom-style: solid; 2.429 border-left-style: solid; 2.430 padding-top: 0.5em; 2.431 padding-right: 0.5em; 2.432 padding-bottom: 0.5em; 2.433 padding-left: 0.5em; 2.434 background-color: #ffffaa; 2.435 background-image: none; 2.436 background-repeat: repeat; 2.437 background-attachment: scroll; 2.438 background-position: 0% 0%; 2.439 } 2.440 2.441 .floating-right-image { 2.442 float: right; 2.443 margin-left: 1em; 2.444 margin-bottom: 1em; 2.445 } 2.446 2.447 figure { 2.448 counter-increment: figure-counter; 2.449 font-style: italic; 2.450 font-size: smaller; 2.451 } 2.452 2.453 figure > legend:before { 2.454 content: "Figure " counter(figure-counter); 2.455 display: block; 2.456 } 2.457 </style> </head> 2.458 <body class="h-entry"> 2.459 <div> 2.460 <div class="head"> 2.461 <!--logo--> 2.462 <h1 class="p-name">Proposals for the future of CSS Paged Media</h1> 2.463 <h2 class="no-num no-toc" id="w3c-working">[LONGSTATUS] <span class="dt-updated"><span 2.464 class="value-title" 2.465 title="[CDATE]">[DATE]</span></span></h2> 2.466 <dl> 2.467 <dt>This version:</dt> 2.468 <dd><a class="u-url" href="http://dev.w3.org/csswg/css4-page/">http://dev.w3.org/csswg/css4-page/</a></dd> 2.469 <!-- <dd><a class="u-url" href="[VERSION]">http://www.w3.org/TR/[YEAR]/WD-[SHORTNAME]-[CDATE]</a></dd> --> 2.470 <dt>Latest version:</dt> 2.471 <dd><a href="http://www.w3.org/TR/css4-page">http://www.w3.org/TR/css4-page</a></dd> 2.472 <dt>Previous version:</dt> 2.473 <dd>--</dd> 2.474 <dt>Issue Tracking:</dt> 2.475 <dd>TBD 2.476 <!-- or use the wiki: 2.477 <dd><a rel="issues" href="http://wiki.csswg.org/spec/css4-page" >http://wiki.csswg.org/spec/css4-page</a></dd>--> 2.478 </dd> 2.479 <dt>Feedback:</dt> 2.480 <dd><a href="mailto:www-style@w3.org?subject=%5B[SHORTNAME]%5D%20feedback">www-style@w3.org</a> 2.481 with subject line “<kbd>[[SHORTNAME]] <var>… message topic …</var></kbd>” 2.482 (<a rel="discussion" href="http://lists.w3.org/Archives/Public/www-style/">archives</a>) 2.483 </dd> 2.484 <dt>Editor:</dt> 2.485 <dd>Daniel Glazman, Disruptive Innovations</dd> 2.486 </dl> 2.487 <!--copyright--> </div> 2.488 <hr title="Separator for header"> 2.489 <h2 class="no-num no-toc" id="abstract">Abstract</h2> 2.490 <p> <span class="p-summary"> This module describes an extension of the 2.491 page model that partitions a flow into pages. It adds to Paged Media 2.492 Level 3 features introduced by other modules like CSS Regions or CSS 2.493 Exclusions and Shapes: content flows, exclusions, more powerful 2.494 headers and footers, etc. It does not deprecate nor obsolete Paged 2.495 Media Level 3 but is designed to live gracefully with it.</span> </p> 2.496 <!-- "Status of this document" --> 2.497 <h2 class="no-num no-toc" id="status">Status of this Document</h2> 2.498 <!--status--> 2.499 <h2 class="no-num no-toc" id="contents">Table of Contents</h2> 2.500 <!--begin-toc--> 2.501 <!--end-toc--> 2.502 <!-- "Introduction" --> 2.503 <h2 id="intro">Introduction</h2> 2.504 <p>Convergence between electronic books and Open Web Standards requires 2.505 new features related to pagination and page layouts. If CSS Paged Media 2.506 Level 3 paved the way, extension of its page model is now needed to 2.507 provide the industry with solutions more in line with the new usage 2.508 modes of Web Standards on one hand, better integrated with the state of 2.509 the art of CSS on the other.</p> 2.510 <p>This module describes how other CSS modules like Regions, Grid Layout, 2.511 Exclusions and Shapes can enhance the page model for a better pagination 2.512 on the Web and on print.</p> 2.513 <h2 id="conformance">Conformance </h2> 2.514 <p>All of the text in this specification is normative except sections 2.515 explicitly marked as non-normative, examples, and notes. The keywords "<em 2.516 class="RFC2119">MUST</em>", 2.517 "<em class="RFC2119">SHALL</em>", "<em class="RFC2119">MUST NOT</em>", "<em 2.518 class="RFC2119">SHALL 2.519 NOT</em>", "<em class="RFC2119">REQUIRED</em>", "<em class="RFC2119">SHOULD</em>", 2.520 "<em class="RFC2119">SHOULD NOT</em>", "<em class="RFC2119">RECOMMENDED</em>", 2.521 "<em class="RFC2119">MAY</em>", and "<em class="RFC2119">OPTIONAL</em>" 2.522 when used in this document are to be interpreted as described in <cite>RFC 2.523 2119</cite> [[!RFC2119]]. However, for readability, these words do not 2.524 appear in all uppercase letters in this specification.</p> 2.525 <p>Examples in this specification are introduced with the words "for 2.526 example" or are set apart from the normative text with <code>class="example"</code>, 2.527 like this: </p> 2.528 <div class="example"> 2.529 <p>This is an example of an informative example.</p> 2.530 </div> 2.531 <p>Informative notes begin with the word "Note" and are set apart from the 2.532 normative text with <code>class="note"</code>, like this: </p> 2.533 <p class="note">Note, this is an informative note.</p> 2.534 <h2>The CSS 3 Page Model</h2> 2.535 <p>This section is informative.</p> 2.536 <p> </p> 2.537 The current Page Model, as described in <cite>CSS3 Module: Paged Media </cite>[[!CSS3PAGE]], 2.538 is the following one: the printable area of a page, the <dfn id="page-box">page 2.539 - box</dfn>, is made of one page box itself divided in four areas: 2.540 - <figure><img alt="CSS 3 Paged Media's page model" src="PageBox.png"><legend>The 2.541 - CSS3 Page Model</legend></figure> 2.542 - <p></p> 2.543 - <ol> 2.544 - <li>the <dfn id="page-margin">page margin</dfn>; that area is itself 2.545 - divided into 16 <dfn id="page-margin-boxes">page-margin boxes</dfn> 2.546 - (@top-left-corner, @top-left, @top-center, etc. ) 2.547 - <figure><img alt="CSS 3 page-margin boxes" src="RightMarginBoxes.png"><legend>The 2.548 - 16 page-margin boxes<br> 2.549 - (with highlight of 3 of them)<br> 2.550 - </legend></figure> 2.551 - </li> 2.552 - <li>the <dfn id="page-border">page border</dfn></li> 2.553 - <li>the <dfn id="page-padding">page padding</dfn></li> 2.554 - <li>and finally the <dfn id="page-area">page area</dfn> containing the 2.555 - boxes generated by the flow of the main contents of the document.</li> 2.556 - </ol> 2.557 - <p>It's is possible to flow content, for instance page headers and footers 2.558 - or footnotes, into a page-margin box using features introduced by the <cite>CSS 2.559 - Generated Content for Paged Media Module </cite>[[!CSS3GCPM]].</p> 2.560 - <p>It is also possible to define multiple page templates for a single 2.561 - document using the <span class="css">@page</span> at-rule that allows 2.562 - to select the first page, left pages, right pages or named pages of a 2.563 - paginated flow.</p> 2.564 - <p>If this page model allowed the publishing industry to adopt HTML and 2.565 - CSS as pivot formats, it starts showing its limits for the following 2.566 - reasons:</p> 2.567 - <ul> 2.568 - <li>the 16 page-margin boxes are an extension of the print features 2.569 - offered by desktop browsers. Desktop browsers usually offer control 2.570 - over 6 page-margin boxes only. Only one desktop browser claims 2.571 - implementation of the page model described above in the fourteen last 2.572 - years. The other desktop browsers' control over the 6 page-margin 2.573 - boxes is then not achieved through the cascade of CSS UA stylesheets.</li> 2.574 - <li>no editing environment available on the market and in particular 2.575 - Wysiwyg text editor (for instance like Microsoft Word) implements such 2.576 - a box model.</li> 2.577 - <li>it's not possible with the current model to position headers and 2.578 - footers (for instance the HTML5 header and footer elements) 2.579 - arbitrarily in the page area.</li> 2.580 - <li>the <span class="css">@page</span> at-rule currently allows nested 2.581 - at-rules only for the definition of page-margin boxes. Similarly, the 2.582 - set of CSS properties applicable to a page box is limited and it is 2.583 - impossible in this model to use <cite>CSS Regions Module Level 3</cite> 2.584 - [[!CSS3-REGIONS]] to flow content into a given predefined area of a 2.585 - page, exclude an area from the page using <cite>CSS 3 Exclusions and 2.586 - Shapes Module</cite> [[!CSS3-EXCLUSIONS]], lay out the page area 2.587 - into a grid using <cite>CSS Grid Layout</cite> [[!CSS3-GRID-LAYOUT]] 2.588 - or using <span class="css">@slot</span> rules that were discussed 2.589 - multiple times by the CSS Working Group in the recent past. The 2.590 - successful electronic book editing environment of Apple Inc., iBooks 2.591 - Author, already allows <span class="css">@page</span> rules to 2.592 - specify arbitrary slots, arbitrary exclusions and shapes, and extends 2.593 - the list of applicable properties; most of its advanced layout 2.594 - capabilities are based on these features.</li> 2.595 - <li>the <span class="css">@page</span> rule of <cite>CSS 2.1</cite> 2.596 - [[!CSS21]] is intended for use on print media, not dynamic media. The 2.597 - spread of complex HTML-based slideshows and electronic book viewers 2.598 - has shown that the Page Model should also apply to screen media and 2.599 - alike.</li> 2.600 - <li>++TBD</li> 2.601 - </ul> 2.602 - <ol> 2.603 - </ol> 2.604 - <div> 2.605 - <h2 class="no-num" id="references">References</h2> 2.606 - <h3 class="no-num" id="normative-references">Normative References</h3> 2.607 - <!--normative--> 2.608 - <h3 class="no-num" id="informative-references">Informative References</h3> 2.609 - <!--informative--> </div> 2.610 - </div> 2.611 - </body> 2.612 -</html> 2.613 + box</dfn>, is made of one page box itself divided in four areas: 2.614 <figure><img alt="CSS 3 Paged Media's page model" src="PageBox.png"><legend>The 2.615 + CSS3 Page Model</legend></figure> 2.616 <p></p> 2.617 <ol> 2.618 <li>the <dfn id="page-margin">page margin</dfn>; that area is itself 2.619 divided into 16 <dfn id="page-margin-boxes">page-margin boxes</dfn> 2.620 (@top-left-corner, @top-left, @top-center, etc. ) 2.621 <figure><img alt="CSS 3 page-margin boxes" src="RightMarginBoxes.png"><legend>The 2.622 + 16 page-margin boxes<br> 2.623 (with highlight of 3 of them)<br> 2.624 </legend></figure> 2.625 </li> 2.626 <li>the <dfn id="page-border">page border</dfn></li> 2.627 <li>the <dfn id="page-padding">page padding</dfn></li> 2.628 <li>and finally the <dfn id="page-area">page area</dfn> containing the 2.629 boxes generated by the flow of the main contents of the document.</li> 2.630 </ol> 2.631 <p>It's is possible to flow content, for instance page headers and footers 2.632 or footnotes, into a page-margin box using features introduced by the <cite>CSS 2.633 + Generated Content for Paged Media Module </cite>[[!CSS3GCPM]].</p> 2.634 <p>It is also possible to define multiple page templates for a single 2.635 document using the <span class="css">@page</span> at-rule that allows 2.636 to select the first page, left pages, right pages or named pages of a 2.637 paginated flow.</p> 2.638 <p>If this page model allowed the publishing industry to adopt HTML and 2.639 CSS as pivot formats, it starts showing its limits for the following 2.640 reasons:</p> 2.641 <ul> 2.642 <li>the 16 page-margin boxes are an extension of the print features 2.643 offered by desktop browsers. Desktop browsers usually offer control 2.644 over 6 page-margin boxes only. Only one desktop browser claims 2.645 implementation of the page model described above in the fourteen last 2.646 years. The other desktop browsers' control over the 6 page-margin 2.647 boxes is then not achieved through the cascade of CSS UA stylesheets.</li> 2.648 <li>no editing environment available on the market and in particular 2.649 Wysiwyg text editor (for instance like Microsoft Word) implements such 2.650 a box model.</li> 2.651 <li>it's not possible with the current model to position headers and 2.652 footers (for instance the HTML5 header and footer elements) 2.653 arbitrarily in the page area.</li> 2.654 <li>the <span class="css">@page</span> at-rule currently allows nested 2.655 at-rules only for the definition of page-margin boxes. Similarly, the 2.656 set of CSS properties applicable to a page box is limited and it is 2.657 impossible in this model to use <cite>CSS Regions Module Level 3</cite> 2.658 [[!CSS3-REGIONS]] to flow content into a given predefined area of a 2.659 page, exclude an area from the page using <cite>CSS 3 Exclusions and 2.660 Shapes Module</cite> [[!CSS3-EXCLUSIONS]], lay out the page area 2.661 into a grid using <cite>CSS Grid Layout</cite> [[!CSS3-GRID-LAYOUT]] 2.662 or using <span class="css">@slot</span> rules that were discussed 2.663 multiple times by the CSS Working Group in the recent past. The 2.664 successful electronic book editing environment of Apple Inc., iBooks 2.665 Author, already allows <span class="css">@page</span> rules to 2.666 specify arbitrary slots, arbitrary exclusions and shapes, and extends 2.667 the list of applicable properties; most of its advanced layout 2.668 capabilities are based on these features.</li> 2.669 <li>the <span class="css">@page</span> rule of <cite>CSS 2.1</cite> 2.670 [[!CSS21]] is intended for use on print media, not dynamic media. The 2.671 spread of complex HTML-based slideshows and electronic book viewers 2.672 has shown that the Page Model should also apply to screen media and 2.673 alike.</li> 2.674 <li>++TBD</li> 2.675 </ul> 2.676 <ol> 2.677 </ol> 2.678 <div> 2.679 <h2 class="no-num" id="references">References</h2> 2.680 <h3 class="no-num" id="normative-references">Normative References</h3> 2.681 <!--normative--> 2.682 <h3 class="no-num" id="informative-references">Informative References</h3> 2.683 <!--informative--> </div> 2.684 </div> 2.685 </body> 2.686 </html> 2.687 \ No newline at end of file