css3-page/Overview.src.html

changeset 7441
2a7cb1ed8232
parent 7439
9d57f98d774f
child 7443
6fdb489623ce
     1.1 --- a/css3-page/Overview.src.html	Mon Feb 11 17:45:58 2013 -0800
     1.2 +++ b/css3-page/Overview.src.html	Mon Feb 11 18:46:59 2013 -0800
     1.3 @@ -1565,25 +1565,6 @@
     1.4  rule, and used as content in page-margin boxes.
     1.5  This is useful for maintaining a page count.</p>
     1.6  
     1.7 -<div class="example">
     1.8 -
     1.9 -<p>The following rules result in the placement of the current page number in the
    1.10 -middle of the outside margin of each page.</p>
    1.11 -<pre>
    1.12 -@page {
    1.13 -margin: 10%;
    1.14 -counter-increment: page;
    1.15 -
    1.16 -@top-center {
    1.17 -  font-family: sans-serif;
    1.18 -  font-weight: bold;
    1.19 -  font-size: 2em;
    1.20 -  content: counter(page);
    1.21 -}
    1.22 -}
    1.23 -</pre>
    1.24 -</div>
    1.25 -
    1.26  <p>A 'counter-increment' within either a page or margin context causes the counter
    1.27  to increment with the generation of each page box.</p>
    1.28  
    1.29 @@ -1603,13 +1584,40 @@
    1.30  flow that spans the page break. Use of the counter in this way does not affect
    1.31  the calculation of the counter's value.</p>
    1.32  
    1.33 -<p>A counter named ''page'' is automatically created and incremented on every
    1.34 -page of the document. Specifically, the UA must automatically create and
    1.35 -increment such a counter as if ''@page { counter-increment: page; }'' were
    1.36 -specified. The implied ''page'' counter is a real counter, and can be directly
    1.37 -affected using the 'counter-increment' and 'counter-reset' properties when
    1.38 -named explicitly in those properties. It can also be used in the 'counter()'
    1.39 -and 'counters()' function forms.</p>
    1.40 +<p>
    1.41 +  A counter named ''page'' is automatically created
    1.42 +  and incremented by 1 on every page of the document,
    1.43 +  unless the 'counter-increment' property in the <i>page context</i>
    1.44 +  explicitly specifies a different increment for the ''page'' counter.
    1.45 +  The implied ''page'' counter is a real counter,
    1.46 +  and can be directly affected using the 'counter-increment' and 'counter-reset' properties
    1.47 +  when named explicitly in those properties.
    1.48 +  It can also be used in the 'counter()' and 'counters()' function forms.
    1.49 +</p>
    1.50 +
    1.51 +<div class="example">
    1.52 +<p>The following rules result in the placement of the current page number in the
    1.53 +middle of the outside margin of each page.</p>
    1.54 +<pre>
    1.55 +@page {
    1.56 +  margin: 10%;
    1.57 +
    1.58 +  @top-center {
    1.59 +    font-family: sans-serif;
    1.60 +    font-weight: bold;
    1.61 +    font-size: 2em;
    1.62 +    content: counter(page);
    1.63 +  }
    1.64 +}
    1.65 +</pre>
    1.66 +
    1.67 +<p>Adding the following rule will make all pages even-numbered.</p>
    1.68 +<pre>
    1.69 +@page {
    1.70 +  counter-increment: page 2;
    1.71 +}
    1.72 +</pre>
    1.73 +</div>
    1.74  
    1.75  <p>Additionally, a counter named ''pages'' is automatically created by the UA.
    1.76  Its value is always the total number of pages in the document. (In continuous

mercurial