css3-gcpm/Overview.html

changeset 7435
2fa0f76c392e
parent 7421
910808fed9d0
child 7587
a502615135a9
     1.1 --- a/css3-gcpm/Overview.html	Mon Feb 11 14:12:53 2013 -0800
     1.2 +++ b/css3-gcpm/Overview.html	Mon Feb 11 14:15:36 2013 -0800
     1.3 @@ -11,11 +11,12 @@
     1.4    <meta content="CSS Generated Content for Paged Media Module"
     1.5     name=dcterms.title>
     1.6    <meta content=text name=dcterms.type>
     1.7 -  <meta content=2013-02-10 name=dcterms.issued>
     1.8 +  <meta content=2013-02-11 name=dcterms.issued>
     1.9    <meta content="Håkon Wium Lie" name=dcterms.creator>
    1.10    <meta content=W3C name=dcterms.publisher>
    1.11 -  <meta content="http://www.w3.org/TR/2013/ED-css3-gcpm-20130210/"
    1.12 +  <meta content="http://www.w3.org/TR/2013/ED-css3-gcpm-20130211/"
    1.13     name=dcterms.identifier>
    1.14 +  <meta content="text/html; charset=utf-8" http-equiv=Content-Type>
    1.15    <link href="../default.css" rel=stylesheet type="text/css">
    1.16    <link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet
    1.17     type="text/css">
    1.18 @@ -32,13 +33,13 @@
    1.19  
    1.20     <h1>CSS Generated Content for Paged Media Module</h1>
    1.21  
    1.22 -   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 10 February 2013</h2>
    1.23 +   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 11 February 2013</h2>
    1.24  
    1.25     <dl>
    1.26      <dt>This version:
    1.27  
    1.28      <dd><a
    1.29 -     href="http://www.w3.org/TR/2013/ED-css3-gcpm-20130210/">http://www.w3.org/TR/2013/ED-css3-gcpm-20130210/</a>
    1.30 +     href="http://www.w3.org/TR/2013/ED-css3-gcpm-20130211/">http://www.w3.org/TR/2013/ED-css3-gcpm-20130211/</a>
    1.31  
    1.32      <dt>Latest version:
    1.33  
    1.34 @@ -517,7 +518,7 @@
    1.35  
    1.36    <div class=example>
    1.37     <pre>
    1.38 -h2 { 
    1.39 +h2 {
    1.40    string-set: header "Chapter " counter(header) ": " contents;
    1.41    counter-increment: header;
    1.42  }
    1.43 @@ -533,10 +534,10 @@
    1.44      <em>header</em> as in the previous example. <!--note namespace-->
    1.45  
    1.46     <pre>
    1.47 -h2:before { content: "Chapter " counter(header) } 
    1.48 -h2 { 
    1.49 +h2:before { content: "Chapter " counter(header) }
    1.50 +h2 {
    1.51    string-set: header content-before content-element;
    1.52 -  counter-increment: header } 
    1.53 +  counter-increment: header }
    1.54  </pre>
    1.55    </div>
    1.56  
    1.57 @@ -552,7 +553,7 @@
    1.58      content is copied into a named string:
    1.59  
    1.60     <pre>
    1.61 -title { 
    1.62 +title {
    1.63    display: none;
    1.64    string-set: header contents;
    1.65  }
    1.66 @@ -816,7 +817,7 @@
    1.67       <td>\0020
    1.68    </table>
    1.69    <!--
    1.70 -<p>User Agents should attempt to align corresponding glyphs from the  
    1.71 +<p>User Agents should attempt to align corresponding glyphs from the
    1.72  leader pattern between consecutive lines.
    1.73  -->
    1.74  
    1.75 @@ -962,7 +963,7 @@
    1.76     <pre>
    1.77    Bla great bla bla world bla bla
    1.78    empire bla bla color bla bla
    1.79 -  history bla bla forever.   John 
    1.80 +  history bla bla forever.   John
    1.81    Johnson
    1.82  </pre>
    1.83  
    1.84 @@ -994,7 +995,7 @@
    1.85  
    1.86     <pre>
    1.87    Bla great bla bla world bla bla empire
    1.88 -  bla bla color bla bla history bla bla 
    1.89 +  bla bla color bla bla history bla bla
    1.90    forever.                  John Johnson
    1.91  </pre>
    1.92    </div>
    1.93 @@ -1074,7 +1075,7 @@
    1.94     this CSS code can be used:
    1.95     <pre>
    1.96  h2 { counter-increment: chapter }
    1.97 -a { content: "Chapter " target-counter(attr(href url), chapter) 
    1.98 +a { content: "Chapter " target-counter(attr(href url), chapter)
    1.99     ' ("'  target-text(attr(href url), content-element) '") on page '
   1.100     target-counter(attr(href url), page);
   1.101  </pre>
   1.102 @@ -1141,7 +1142,7 @@
   1.103     <pre>
   1.104  &lt;style>
   1.105  @media print {
   1.106 -  .footnote { 
   1.107 +  .footnote {
   1.108      float: footnote;
   1.109      content: target-pull(attr(href url)) }
   1.110    .call { display: none }
   1.111 @@ -1175,7 +1176,7 @@
   1.112      this code:
   1.113  
   1.114     <pre>
   1.115 -span[title]::after { 
   1.116 +span[title]::after {
   1.117    content: attr(title);
   1.118    float: footnote;
   1.119  }
   1.120 @@ -1191,7 +1192,7 @@
   1.121  
   1.122    <div class=example>
   1.123     <pre>
   1.124 -span.footnote { 
   1.125 +span.footnote {
   1.126    float: footnote;
   1.127  }
   1.128  </pre>
   1.129 @@ -1209,10 +1210,10 @@
   1.130     <p>In this example, the footnotes are displayed inline:
   1.131  
   1.132     <pre>
   1.133 -@footnote { 
   1.134 +@footnote {
   1.135    display: inline;
   1.136  }
   1.137 -span.footnote { 
   1.138 +span.footnote {
   1.139    float: footnote;
   1.140  }
   1.141  </pre>
   1.142 @@ -1220,11 +1221,11 @@
   1.143     <p>Here is one possible presentation of inline footnotes:
   1.144  
   1.145     <pre>
   1.146 -¹ The first footnote. º The second footnote. 
   1.147 +¹ The first footnote. º The second footnote.
   1.148  </pre>
   1.149    </div>
   1.150    <!--
   1.151 -<p class=issue>Another way to achieve this would be to introduce different keywords for inline and block footnotes (e.g., float: footnote-inline, float: footnote-block). 
   1.152 +<p class=issue>Another way to achieve this would be to introduce different keywords for inline and block footnotes (e.g., float: footnote-inline, float: footnote-block).
   1.153  -->
   1.154  
   1.155    <p>For each new footnote element, the ‘<code class=css>footnote</code>’
   1.156 @@ -1249,7 +1250,7 @@
   1.157  
   1.158     <pre>
   1.159  @page {
   1.160 -  @footnote { 
   1.161 +  @footnote {
   1.162      float: bottom;
   1.163      column-span: all;
   1.164      width: 100%;
   1.165 @@ -1263,7 +1264,7 @@
   1.166  
   1.167     <pre>
   1.168  @page {
   1.169 -  @footnote { 
   1.170 +  @footnote {
   1.171      float: bottom;
   1.172      width: 100%;
   1.173    }
   1.174 @@ -1276,7 +1277,7 @@
   1.175  
   1.176     <pre>
   1.177  @page {
   1.178 -  @footnote { 
   1.179 +  @footnote {
   1.180      float: bottom-corner;
   1.181      width: 100%;
   1.182    }
   1.183 @@ -1478,17 +1479,17 @@
   1.184  
   1.185  <p class=note>The motivation for having another page-based area into
   1.186  which content can be floated is that footnotes and sidenotes are
   1.187 -often used in the same document. 
   1.188 +often used in the same document.
   1.189  
   1.190  <div class="example">
   1.191  <p>This example moves images to the outside margin of pages:
   1.192  
   1.193  <pre>
   1.194 -@page :left { 
   1.195 +@page :left {
   1.196    margin-left: 10em;
   1.197    @sidenote { position: fixed; left: -8em; width: 6em }
   1.198  }
   1.199 -@page :right { 
   1.200 +@page :right {
   1.201    margin-right: 10em;
   1.202    @sidenote { position: fixed; right: -8em; width: 6em }
   1.203  }
   1.204 @@ -1547,7 +1548,7 @@
   1.205     <!--
   1.206  <p>Hyphenation means splitting words to improve the layout of
   1.207  paragraphs. This specifications does not define the exact rules for
   1.208 -hyphenation, but describes six properties that influence hyphenation. 
   1.209 +hyphenation, but describes six properties that influence hyphenation.
   1.210  
   1.211  <h3>The 'hyphens' property</h3>
   1.212  
   1.213 @@ -1587,7 +1588,7 @@
   1.214  
   1.215  <dt>manual
   1.216  
   1.217 -<dd>Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities. Characters can be explicit or conditional. 
   1.218 +<dd>Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities. Characters can be explicit or conditional.
   1.219  
   1.220  <div class="example">
   1.221  <p>In Unicode, U+00AD is a conditional "soft hyphen" and U+2010 is an explicit hyphen. Unicode Standard Annex #14 describes the <a href="http://unicode.org/reports/tr14/#SoftHyphen">role of soft hyphens in the</a> Unicode Line breaking algorithm.
   1.222 @@ -1602,11 +1603,11 @@
   1.223  
   1.224  
   1.225  <dt>auto
   1.226 -<dd>Words can be broken at appropriate hyphenation points, as determined by characters inside the word, resources listed in 'hyphenate-resource', or other UA-dependent resources. Characters inside the word take priority over hyphenation points determined by other resources. 
   1.227 +<dd>Words can be broken at appropriate hyphenation points, as determined by characters inside the word, resources listed in 'hyphenate-resource', or other UA-dependent resources. Characters inside the word take priority over hyphenation points determined by other resources.
   1.228  
   1.229  <dt>all
   1.230  
   1.231 -<dd>All possible hyphenation points, as determined by characters inside the word, resources listed in 'hyphenate-resource', or other UA-dependent resources, are marked. The visual appearance of the mark is UA-dependent. 
   1.232 +<dd>All possible hyphenation points, as determined by characters inside the word, resources listed in 'hyphenate-resource', or other UA-dependent resources, are marked. The visual appearance of the mark is UA-dependent.
   1.233  
   1.234  
   1.235  </dl>
   1.236 @@ -1789,7 +1790,7 @@
   1.237  
   1.238  <p>This property specifies strings that are shown between parts of
   1.239  hyphenated words. The 'auto' value means that the user agent should
   1.240 -find an appropriate value. 
   1.241 +find an appropriate value.
   1.242  
   1.243  <div class="example">
   1.244  <p>In Latin scripts, the hyphen character (U+2010) is often used to
   1.245 @@ -1810,7 +1811,7 @@
   1.246        <td><dfn>hyphenate-last-line-avoid</dfn>
   1.247      <tr>
   1.248        <td><em>Value:</em>
   1.249 -      <td>auto | always | column | page | spread 
   1.250 +      <td>auto | always | column | page | spread
   1.251      <tr>
   1.252        <td><em>Initial:</em>
   1.253        <td>auto
   1.254 @@ -1840,7 +1841,7 @@
   1.255  
   1.256  <dt>always
   1.257  
   1.258 -<dd>the last full line of the element, or the last line before any column, page, or spread break inside the element should not be hyphenated. 
   1.259 +<dd>the last full line of the element, or the last line before any column, page, or spread break inside the element should not be hyphenated.
   1.260  
   1.261  <dt>column
   1.262  
   1.263 @@ -1850,9 +1851,9 @@
   1.264  
   1.265  <dd>the last line before page or spread break inside the element should not be hyphenated
   1.266  
   1.267 -<dt>spread 
   1.268 -
   1.269 -<dd>the last line before any spread break inside the element should not be hyphenated. 
   1.270 +<dt>spread
   1.271 +
   1.272 +<dd>the last line before any spread break inside the element should not be hyphenated.
   1.273  
   1.274  </dl>
   1.275  
   1.276 @@ -1878,7 +1879,7 @@
   1.277  <pre>
   1.278     This is just a
   1.279     simple example
   1.280 -   to        show 
   1.281 +   to        show
   1.282     Antarctica.
   1.283  <pre>
   1.284  </div>
   1.285 @@ -1926,7 +1927,7 @@
   1.286  
   1.287  <p>An @counter-style rule consists of the keyword ''@counter-style'',
   1.288  followed by the name of the symbol counter style, followed by a
   1.289 -space-separated list of strings. 
   1.290 +space-separated list of strings.
   1.291  
   1.292  <div class="example">
   1.293  
   1.294 @@ -1977,7 +1978,7 @@
   1.295  </div>
   1.296  -->
   1.297     <!--
   1.298 -<div class="issue">Should we allow images in addition to strings? 
   1.299 +<div class="issue">Should we allow images in addition to strings?
   1.300  <pre>
   1.301    @counter-style graphic url("1.gif") url("2.gif") url("3.gif")
   1.302  </pre>
   1.303 @@ -2147,7 +2148,7 @@
   1.304  
   1.305  <dd>The resolution of the image is unknown, and UAs should not use the
   1.306  resolution found in the image. Instead, the image resolution will be
   1.307 -found by converting the dimension of the image into CSS pixels. 
   1.308 +found by converting the dimension of the image into CSS pixels.
   1.309  
   1.310  <dt>from-image
   1.311  
   1.312 @@ -2168,7 +2169,7 @@
   1.313  
   1.314  
   1.315  <div class="example">
   1.316 -<p>Using this rule, the image resolution is set to 300dpi and the resolution in the image, if any, is ignored. 
   1.317 +<p>Using this rule, the image resolution is set to 300dpi and the resolution in the image, if any, is ignored.
   1.318  <pre>
   1.319  img { image-resolution: 300dpi }
   1.320  </pre>
   1.321 @@ -2226,7 +2227,7 @@
   1.322  
   1.323  <dt>auto
   1.324  
   1.325 -<dd>The UA must look for the resolution in the image itself. If the image has no image resolution, the next value in the comma-separated list is evaluated. 
   1.326 +<dd>The UA must look for the resolution in the image itself. If the image has no image resolution, the next value in the comma-separated list is evaluated.
   1.327  
   1.328  <dt>&lt;dpi>
   1.329  
   1.330 @@ -2252,7 +2253,7 @@
   1.331  </div>
   1.332  
   1.333  <div class="example">
   1.334 -<p>Using this rule, the image resolution is set to 300dpi and the resolution in the image, if any, is ignored. 
   1.335 +<p>Using this rule, the image resolution is set to 300dpi and the resolution in the image, if any, is ignored.
   1.336  <pre>
   1.337  img { image-resolution: 300dpi }
   1.338  </pre>
   1.339 @@ -2263,7 +2264,7 @@
   1.340     <!--
   1.341  
   1.342  <div class="issue">
   1.343 -<p>Should there be a way of setting width, height, resolution on images that are referenced by a URL in the style sheet? E.g., 
   1.344 +<p>Should there be a way of setting width, height, resolution on images that are referenced by a URL in the style sheet? E.g.,
   1.345  <pre>
   1.346  background-image: url(image.png, width, height, resolution);
   1.347  background-image: image-url(image.png, width, height, resolution);
   1.348 @@ -2301,7 +2302,7 @@
   1.349  
   1.350  <p class=issue>Introducing one new property in all places where an image can be loaded may not be a scalable solution. Therefore this property is at risk.
   1.351  
   1.352 -<p>As 'image-resolution', except that it describes the resolution of the element's background image. 
   1.353 +<p>As 'image-resolution', except that it describes the resolution of the element's background image.
   1.354  
   1.355  -->
   1.356  
   1.357 @@ -2579,7 +2580,7 @@
   1.358        <td><dfn>bookmark-target</dfn>
   1.359      <tr>
   1.360        <td><em>Value:</em>
   1.361 -      <td>none | &lt;uri> 
   1.362 +      <td>none | &lt;uri>
   1.363      <tr>
   1.364        <td><em>Initial:</em>
   1.365        <td>none
   1.366 @@ -2600,7 +2601,7 @@
   1.367        <td>For URI values, the absolute URI; for 'none', as specified.
   1.368  </table>
   1.369  
   1.370 -<p>This property specifies the target of the bookmark link. 
   1.371 +<p>This property specifies the target of the bookmark link.
   1.372  
   1.373  <div class=example>
   1.374  <pre>
   1.375 @@ -2710,50 +2711,9 @@
   1.376  
   1.377    <h2 id=styling-blank-pages><span class=secno>9. </span>Styling blank pages</h2>
   1.378  
   1.379 -  <p>Blank pages that appear as a result of forced page breaks can be styled
   1.380 -   with the <code>:blank</code> pseudo-class.
   1.381 -
   1.382 -  <div class=example>
   1.383 -   <p>In this example, forced page break may occur before <code>h1</code>
   1.384 -    elements.
   1.385 -
   1.386 -   <pre>
   1.387 -h1 { page-break-before: left }
   1.388 -
   1.389 -@page :blank {
   1.390 -  @top-center { content: "This page is intentionally left blank" }
   1.391 -}
   1.392 -</pre>
   1.393 -  </div>
   1.394 -
   1.395 -  <p>The <code>:blank</code> pseudo-class has the same specificity as the
   1.396 -   <code>:first</code> pseudo-class. A page matched by <code>:blank</code>
   1.397 -   will still be matched by other page selectors.
   1.398 -
   1.399 -  <div class=example>
   1.400 -   <p>If headers have been specified on all right pages, a blank right page
   1.401 -    will be matched by both <code>:blank</code> and <code>:right</code>.
   1.402 -    Therefore, margin boxes set on right pages will have to be removed unless
   1.403 -    they are wanted on blank pages. Here is an example where the top center
   1.404 -    header is removed from blank pages, while the page number remains:
   1.405 -
   1.406 -   <pre>
   1.407 -h1 { page-break-before: left }
   1.408 -
   1.409 -@page :blank {
   1.410 -  @top-center { content: none }
   1.411 -}
   1.412 -
   1.413 -@page :right {
   1.414 -  @top-center { content: "Preliminary edition" }
   1.415 -  @bottom-center { content: counter(page) }
   1.416 -}
   1.417 -</pre>
   1.418 -
   1.419 -   <p>Due to the higher specificity of <code>:blank</code> over
   1.420 -    <code>:right</code>, the top center header is removed even if
   1.421 -    <code>content: none</code> comes before <code>content: "Preliminary
   1.422 -    edition"</code>.
   1.423 +  <div class=note>
   1.424 +   <p> This section has been moved to <a href="#CSS3PAGE"
   1.425 +    rel=biblioentry>[CSS3PAGE]<!--{{CSS3PAGE}}--></a>.
   1.426    </div>
   1.427  
   1.428    <h2 id=paged-presentations><span class=secno>10. </span>Paged presentations</h2>
   1.429 @@ -2806,7 +2766,7 @@
   1.430      in RTL languages this means left; in vertical-rl this means right.
   1.431  
   1.432     <pre>
   1.433 -  html { 
   1.434 +  html {
   1.435      overflow-style: paged-x;
   1.436      height: 100%;
   1.437    }
   1.438 @@ -2820,7 +2780,7 @@
   1.439      presentations.
   1.440  
   1.441     <pre>
   1.442 -  #content { 
   1.443 +  #content {
   1.444      overflow-style: paged-x-controls;
   1.445      height: 400px;
   1.446    }
   1.447 @@ -2859,9 +2819,9 @@
   1.448  &lt;link rel=next href=g1.html>
   1.449  ...
   1.450  @navigation {
   1.451 -  nav-up: go(index); 
   1.452 -  nav-left: go(previous); 
   1.453 -  nav-right: go(next); 
   1.454 +  nav-up: go(index);
   1.455 +  nav-left: go(previous);
   1.456 +  nav-right: go(next);
   1.457  }
   1.458  </pre>
   1.459      </div>
   1.460 @@ -2878,7 +2838,7 @@
   1.461      <div class=example>
   1.462       <pre>
   1.463  @navigation {
   1.464 -  nav-left: back; 
   1.465 +  nav-left: back;
   1.466  }
   1.467  </pre>
   1.468      </div>
   1.469 @@ -3056,7 +3016,7 @@
   1.470  
   1.471    <p class=issue>Do numberic values (in addition to length values) make
   1.472     sense, like for orphans/widows <!--
   1.473 -The 'widows'/'orphans' properties may be consulted to determine if the box is near the top/bottom. 
   1.474 +The 'widows'/'orphans' properties may be consulted to determine if the box is near the top/bottom.
   1.475  -->
   1.476  
   1.477    <p>These new keywords only apply in paged media; in continous media
   1.478 @@ -3114,7 +3074,7 @@
   1.479     <p>In this example, a commonly used newspaper layout is easily described:
   1.480  
   1.481     <pre>
   1.482 -body { columns: 3 } 
   1.483 +body { columns: 3 }
   1.484  img.A { column-span: 2; width: 100% }  /* image spans two columns */
   1.485  .one { column-span: 2 }                /* lead paragraph spans two columns */
   1.486  </pre>
   1.487 @@ -3128,7 +3088,7 @@
   1.488  
   1.489  <dt>next-page
   1.490  
   1.491 -<dd>In paged media, float box to the next page. The first column of the multicol element on the next page is considered to be the natural column for boxes affected by this value. 
   1.492 +<dd>In paged media, float box to the next page. The first column of the multicol element on the next page is considered to be the natural column for boxes affected by this value.
   1.493  
   1.494  <div class=example>
   1.495  
   1.496 @@ -3140,7 +3100,7 @@
   1.497  
   1.498  <dt>next-column
   1.499  
   1.500 -<dd>In paged media, float box to the next column. 
   1.501 +<dd>In paged media, float box to the next column.
   1.502  
   1.503  <div class=example>
   1.504  
   1.505 @@ -3154,7 +3114,7 @@
   1.506   !--
   1.507  <dt>unless-room
   1.508  
   1.509 -<dd>Only float the box if it otherwise would have lead to a column or page break. 
   1.510 +<dd>Only float the box if it otherwise would have lead to a column or page break.
   1.511  
   1.512  <div class=example>
   1.513  
   1.514 @@ -3458,9 +3418,9 @@
   1.515  
   1.516    <div class=example>
   1.517     <pre>
   1.518 -img { 
   1.519 +img {
   1.520    float: left;
   1.521 -  float-offset: 2em 3em; 
   1.522 +  float-offset: 2em 3em;
   1.523  }
   1.524  </pre>
   1.525  
   1.526 @@ -3478,7 +3438,7 @@
   1.527     naturally appear.
   1.528  
   1.529    <div class=example>
   1.530 -   <pre>img { 
   1.531 +   <pre>img {
   1.532    float: right;
   1.533    float-offset: 5px;
   1.534  }
   1.535 @@ -3488,8 +3448,8 @@
   1.536    <p>Percentage values are computed according to this formula:
   1.537  
   1.538    <pre>
   1.539 -  (containing-block-width - float-width) * percentage 
   1.540 -  (containing-block-height - float-height) * percentage 
   1.541 +  (containing-block-width - float-width) * percentage
   1.542 +  (containing-block-height - float-height) * percentage
   1.543  </pre>
   1.544  
   1.545    <div class=example> Pull quotes are often centered in a column. In this
   1.546 @@ -3507,11 +3467,11 @@
   1.547     part of the calculation:
   1.548  
   1.549    <pre>
   1.550 -  ((containing-block-width + 2 * column-gap) - float-width) * percentage 
   1.551 +  ((containing-block-width + 2 * column-gap) - float-width) * percentage
   1.552  </pre>
   1.553  
   1.554    <div class=example>
   1.555 -   <pre>img { 
   1.556 +   <pre>img {
   1.557    float: top right;
   1.558    float-offset: -50% 3em;  /* 50% centers the box */
   1.559    width: 120%;
   1.560 @@ -3658,7 +3618,7 @@
   1.561    <div class=example> <img src="exclusion_wrap_side_both.png" width=213> <!--
   1.562  <pre>
   1.563  .pullquote {
   1.564 -  float: center; 
   1.565 +  float: center;
   1.566    clear-side: none;
   1.567  }
   1.568  </pre>
   1.569 @@ -3676,7 +3636,7 @@
   1.570  .pullquote {
   1.571    float: positioned;
   1.572    left: 5em;
   1.573 -  clear-side: none; 
   1.574 +  clear-side: none;
   1.575  }
   1.576  </pre>
   1.577  
   1.578 @@ -3706,7 +3666,7 @@
   1.579    columns: 15em;
   1.580    background: url(nicecar.jpg);
   1.581    background-exclude-level: 0.5;
   1.582 -}  
   1.583 +}
   1.584  article h1 { column-span: all } /* Bonneville Speedway */
   1.585  </pre>
   1.586    </div>
   1.587 @@ -3721,7 +3681,7 @@
   1.588    columns: 6em;
   1.589    background: url(nicecar.jpg);
   1.590    background-exclude-level: 0.5;
   1.591 -}  
   1.592 +}
   1.593  article h1 { column-span: all } /* Bonneville Speedway */
   1.594  </pre>
   1.595    </div>
   1.596 @@ -3882,7 +3842,7 @@
   1.597    column-span: 2;
   1.598    float: top;
   1.599    height: 3em;          /* sets preferred height of region */
   1.600 -}  
   1.601 +}
   1.602  
   1.603  &lt;article>
   1.604    &lt;img ...>
   1.605 @@ -3896,7 +3856,7 @@
   1.606  div.chapter::region(1) {
   1.607    transform: rotate(6.5deg);
   1.608  }
   1.609 -div.chapter::region(2) { 
   1.610 +div.chapter::region(2) {
   1.611    transform: rotate(-5.5deg) translate(0, 40px);
   1.612  }
   1.613  </pre>
   1.614 @@ -3943,8 +3903,8 @@
   1.615  <div class=example>
   1.616  <pre>
   1.617    article { columns: 14em; }
   1.618 -  article::column(1) { 
   1.619 -     position: absolute; 
   1.620 +  article::column(1) {
   1.621 +     position: absolute;
   1.622       font-size: 1.2em;
   1.623       visibility: collapse; /* makes space available others to use */
   1.624       ...
   1.625 @@ -4038,14 +3998,14 @@
   1.626  </pre>
   1.627    </div>
   1.628    <!--
   1.629 -nth page in the document, or the nth named page. 
   1.630 +nth page in the document, or the nth named page.
   1.631  
   1.632  
   1.633  <div class=example>
   1.634  <p>This example sets the background color of the second page in the document:
   1.635  
   1.636  <pre>
   1.637 -@page :nth(2) { 
   1.638 +@page :nth(2) {
   1.639    background: green;
   1.640  }
   1.641  <pre>
   1.642 @@ -4058,7 +4018,7 @@
   1.643  @page chapter {
   1.644    background: yellow;
   1.645  }
   1.646 -@page chapter:nth(2) { 
   1.647 +@page chapter:nth(2) {
   1.648    background: green;
   1.649  }
   1.650  div.chapter {
   1.651 @@ -4071,7 +4031,7 @@
   1.652  
   1.653  <div class="example">
   1.654  <pre>
   1.655 -@page chapter:nth(2n+1) { 
   1.656 +@page chapter:nth(2n+1) {
   1.657    background: green;
   1.658  }
   1.659  </pre>
   1.660 @@ -4151,10 +4111,10 @@
   1.661  
   1.662  ::footnote-call {
   1.663    counter-increment: footnote;
   1.664 -  content: counter(footnote, super-decimal); 
   1.665 +  content: counter(footnote, super-decimal);
   1.666  }
   1.667  ::footnote-marker {
   1.668 -  content: counter(footnote, super-decimal); 
   1.669 +  content: counter(footnote, super-decimal);
   1.670  }
   1.671  
   1.672  

mercurial