8000 x · w3c/csswg-drafts@87c7e3b · GitHub
Skip to content

Commit 87c7e3b

Browse files
howcomhowcom
committed
x
1 parent 4824d5a commit 87c7e3b

1 file changed

Lines changed: 91 additions & 91 deletions

File tree

‎css3-gcpm/Overview.html‎

Lines changed: 91 additions & 91 deletions
Original file line numberDiff line numberDiff line change
@@ -313,30 +313,30 @@ <h2 class="no-num no-toc" id=table-of-contents><a name=contents>Table of
313313
<li><a href="#styling-blank-pages"><span class=secno>12. </span>Styling
314314
blank pages</a>
315315

316-
<li><a href="#page-selection-nth"><span class=secno>13. </span>Page
317-
selection: nth()</a>
318-
319-
<li><a href="#paged-presentations"><span class=secno>14. </span>Paged
316+
<li><a href="#paged-presentations"><span class=secno>13. </span>Paged
320317
presentations</a>
321318

322-
<li><a href="#navigation-between-pages"><span class=secno>15.
319+
<li><a href="#navigation-between-pages"><span class=secno>14.
323320
</span>Navigation between pages</a>
324321
<ul class=toc>
325-
<li><a href="#page-shift-effects"><span class=secno>15.1. </span>Page
322+
<li><a href="#page-shift-effects"><span class=secno>14.1. </span>Page
326323
shift effects</a>
327324
</ul>
328325

329-
<li><a href="#page-floats"><span class=secno>16. </span>Page floats</a>
326+
<li><a href="#page-floats"><span class=secno>15. </span>Page floats</a>
330327
<ul class=toc>
331-
<li><a href="#float-modifiers"><span class=secno>16.1. </span>Float
328+
<li><a href="#float-modifiers"><span class=secno>15.1. </span>Float
332329
modifiers</a>
333330

334-
<li><a href="#floating-inside-and-outside-pages"><span class=secno>16.2.
331+
<li><a href="#floating-inside-and-outside-pages"><span class=secno>15.2.
335332
</span>Floating inside and outside pages</a>
336333
</ul>
337334

338335
<li><a href="#aligning-baselines-in-multi-column-layou"><span
339-
class=secno>17. </span>Aligning baselines in multi-column layouts</a>
336+
class=secno>16. </span>Aligning baselines in multi-column layouts</a>
337+
338+
<li><a href="#page-selection-nth"><span class=secno>17. </span>Page
339+
selection: nth()</a>
340340

341341
<li><a href="#conformance"><span class=secno>18. </ 77F4 span>Conformance</a>
342342

@@ -2963,81 +2963,7 @@ <h2 id=styling-blank-pages><span class=secno>12. </span>Styling blank
29632963
edition"</code>.
29642964
</div>
29652965

2966-
<h2 id=page-selection-nth><span class=secno>13. </span>Page selection:
2967-
nth()</h2>
2968-
2969-
<p>In CSS 2.0, <a
2970-
href="http://www.w3.org/TR/CSS2/page.html#page-selectors">first, left and
2971-
right pages</a> can be selected. This specification adds support for
2972-
selecting the nth page in the document, or the nth named page.
2973-
2974-
<div class=example>
2975-
<p>This example sets the background color of the second page in the
2976-
document:
2977-
2978-
<pre>
2979-
@page :nth(2) {
2980-
background: green;
2981-
}
2982-
</pre>
2983-
2984-
<pre>
2985-
</pre>
2986-
</div>
2987-
2988-
<div class=example>
2989-
<p>This example sets the background color of the second page of all
2990-
chapters in a document:
2991-
2992-
<pre>
2993-
@page chapter {
2994-
background: yellow;
2995-
}
2996-
@page chapter:nth(2) {
2997-
background: green;
2998-
}
2999-
div.chapter {
3000-
page: chapter;
3001-
}
3002-
</pre>
3003-
3004-
<pre>
3005-
</pre>
3006-
</div>
3007-
3008-
<p>The arguments to the nth() functional notation is the same as for the
3009-
<a
3010-
href="http://www.w3.org/TR/css3-selectors/#nth-child-pseudo">nth-child()</a>
3011-
pseudo-class.
3012-
3013-
<div class=example>
3014-
<pre>
3015-
@page chapter:nth(2n+1) {
3016-
background: green;
3017-
}
3018-
</pre>
3019-
</div>
3020-
3021-
<p>Even when a named page is not defined through an <code>@page
3022-
<em>name</em> { .. }</code> construct, the name can still be used with
3023-
:nth().
3024-
3025-
<div class=example>
3026-
<p>Even when the first line is commented out, the second page of all
3027-
chapters in the document will be green.
3028-
3029-
<pre>
3030-
/* @page chapter { ... } */
3031-
3032-
@page chapter:nth(2) {
3033-
background: green;
3034-
}
3035-
3036-
div.chapter { page: chapter }
3037-
</pre>
3038-
</div>
3039-
3040-
<h2 id=paged-presentations><span class=secno>14. </span>Paged
2966+
<h2 id=paged-presentations><span class=secno>13. </span>Paged
30412967
presentations</h2>
30422968

30432969
<p>Printed publications are paged, while screen-based presentations of web
@@ -3104,7 +3030,7 @@ <h2 id=paged-presentations><span class=secno>14. </span>Paged
31043030
</pre>
31053031
</div>
31063032

3107-
<h2 id=navigation-between-pages><span class=secno>15. </span>Navigation
3033+
<h2 id=navigation-between-pages><span class=secno>14. </span>Navigation
31083034
between pages</h2>
31093035

31103036
<p>Paged navigation within a page (as described above), can also be
@@ -3206,7 +3132,7 @@ <h2 id=navigation-between-pages><span class=secno>15. </span>Navigation
32063132
</pre>
32073133
</div>
32083134

3209-
<h3 id=page-shift-effects><span class=secno>15.1. </span>Page shift
3135+
<h3 id=page-shift-effects><span class=secno>14.1. </span>Page shift
32103136
effects</h3>
32113137

32123138
<p>To describe page shift effects, four new properties inside @navigation
@@ -3243,7 +3169,7 @@ <h3 id=page-shift-effects><span class=secno>15.1. </span>Page shift
32433169
</pre>
32443170
</div>
32453171

3246-
<h2 id=page-floats><span class=secno>16. </span>Page floats</h2>
3172+
<h2 id=page-floats><span class=secno>15. </span>Page floats</h2>
32473173

32483174
<p>Images and figures are sometimes displayed at the top or bottom of
32493175
pages and columns. This specificaton adds new keywords on the
@@ -3365,7 +3291,7 @@ <h2 id=page-floats><span class=secno>16. </span>Page floats</h2>
33653291
</pre>
33663292
</div>
33673293

3368-
<h3 id=float-modifiers><span class=secno>16.1. </span>Float modifiers</h3>
3294+
<h3 id=float-modifiers><span class=secno>15.1. </span>Float modifiers</h3>
33693295

33703296
<p>These new values on &lsquo;<code class=property>float</code>&rsquo; can
33713297
be combined with the other values:
@@ -3418,7 +3344,7 @@ <h3 id=float-modifiers><span class=secno>16.1. </span>Float modifiers</h3>
34183344
This way, the &lsquo;<code class=property>float</code>&rsquo; property
34193345
would only need to take one value.
34203346

3421-
<h3 id=floating-inside-and-outside-pages><span class=secno>16.2.
3347+
<h3 id=floating-inside-and-outside-pages><span class=secno>15.2.
34223348
</span>Floating inside and outside pages</h3>
34233349

34243350
<p>Two allow content to flow to the inside and outside of a page, these
@@ -3445,7 +3371,7 @@ <h3 id=floating-inside-and-outside-pages><span class=secno>16.2.
34453371
</pre>
34463372
</div>
34473373

3448-
<h2 id=aligning-baselines-in-multi-column-layou><span class=secno>1 6D50 7.
3374+
<h2 id=aligning-baselines-in-multi-column-layou><span class=secno>16.
34493375
</span>Aligning baselines in multi-column layouts</h2>
34503376

34513377
<p>In multi-column layouts, baselines are typically aligned between
@@ -3490,6 +3416,80 @@ <h2 id=aligning-baselines-in-multi-column-layou><span class=secno>17.
34903416
class=property>line-stacking-strategy</code>&rsquo; property is <a
34913417
href="http://www.w3.org/TR/xsl/#line-stacking-strategy">used in XSL</a>.
34923418

3419+
<h2 id=page-selection-nth><span class=secno>17. </span>Page selection:
3420+
nth()</h2>
3421+
3422+
<p>In CSS 2.0, <a
3423+
href="http://www.w3.org/TR/CSS2/page.html#page-selectors">first, left and
3424+
right pages</a> can be selected. This specification adds support for
3425+
selecting the nth page in the document, or the nth named page.
3426+
3427+
<div class=example>
3428+
<p>This example sets the background color of the second page in the
3429+
document:
3430+
3431+
<pre>
3432+
@page :nth(2) {
3433+
background: green;
3434+
}
3435+
</pre>
3436+
3437+
<pre>
3438+
</pre>
3439+
</div>
3440+
3441+
<div class=example>
3442+
<p>This example sets the background color of the second page of all
3443+
chapters in a document:
3444+
3445+
<pre>
3446+
@page chapter {
3447+
background: yellow;
3448+
}
3449+
@page chapter:nth(2) {
3450+
background: green;
3451+
}
3452+
div.chapter {
3453+
page: chapter;
3454+
}
3455+
</pre>
3456+
3457+
<pre>
3458+
</pre>
3459+
</div>
3460+
3461+
<p>The arguments to the nth() functional notation is the same as for the
3462+
<a
3463+
href="http://www.w3.org/TR/css3-selectors/#nth-child-pseudo">nth-child()</a>
3464+
pseudo-class.
3465+
3466+
<div class=example>
3467+
<pre>
3468+
@page chapter:nth(2n+1) {
3469+
background: green;
3470+
}
3471+
</pre>
3472+
</div>
3473+
3474+
<p>Even when a named page is not defined through an <code>@page
3475+
<em>name</em> { .. }</code> construct, the name can still be used with
3476+
:nth().
3477+
3478+
<div class=example>
3479+
<p>Even when the first line is commented out, the second page of all
3480+
chapters in the document will be green.
3481+
3482+
<pre>
3483+
/* @page chapter { ... } */
3484+
3485+
@page chapter:nth(2) {
3486+
background: green;
3487+
}
3488+
3489+
div.chapter { page: chapter }
3490+
</pre>
3491+
</div>
3492+
34933493
<h2 id=conformance><span class=secno>18. </span>Conformance</h2>
34943494
<!--User agents that support hyphenation and support this specification must a-->
34953495

0 commit comments

Comments
 (0)