Skip to content

Commit fd75296

Browse files
howcomhowcom
committed
mechanically generated
1 parent 6f3d2ee commit fd75296

1 file changed

Lines changed: 74 additions & 77 deletions

File tree

‎css3-gcpm/Overview.html‎

Lines changed: 74 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -24,13 +24,13 @@
2424

2525
<h1>CSS Generated Content for Paged Media Module</h1>
2626

27-
<h2 class="no-num no-toc" id=w3c-working>Editor's Draft 25 December 2011</h2>
27+
<h2 class="no-num no-toc" id=w3c-working>Editor's Draft 26 December 2011</h2>
2828

2929
<dl>
3030
<dt>This version:
3131

3232
<dd><a
33-
href="http://www.w3.org/TR/2011/ED-css3-gcpm-20111225/">http://www.w3.org/TR/2011/ED-css3-gcpm-20111225/</a>
33+
href="http://www.w3.org/TR/2011/ED-css3-gcpm-20111226/">http://www.w3.org/TR/2011/ED-css3-gcpm-20111226/</a>
3434

3535
<dt>Latest version:
3636

@@ -254,19 +254,20 @@ <h2 class="no-num no-toc" id=table-of-contents><a name=contents>Table of
254254
</span>Turning columns into regions</a>
255255
</ul>
256256

257-
<li><a href="#the-first-page-pseudo-element"><span class=secno>15.
258-
</span>The &lsquo;<code class=property>first-page</code>&rsquo;
259-
pseudo-element</a>
257+
<li><a href="#regions-and-exclusions-examples"><span class=secno>15.
258+
</span>Regions and Exclusions examples</a>
260259

261-
<li><a href="#selecting-columns0"><span class=secno>16. </span>Selecting
262-
columns</a>
263-
264-
<li><a href="#selecting-pages-"><span class=secno>17. </span>Selecting
265-
pages </a>
260+
<li><a href="#selecting-pages"><span class=secno>16. </span>Selecting
261+
pages</a>
262+
<ul class=toc>
263+
<li><a href="#the-first-page-pseudo-element"><span class=secno>16.1.
264+
</span>The &lsquo;<code class=property>first-page</code>&rsquo;
265+
pseudo-element</a>
266+
</ul>
266267

267-
<li><a href="#conformance"><span class=secno>18. </span>Conformance</a>
268+
<li><a href="#conformance"><span class=secno>17. </span>Conformance</a>
268269

269-
<li><a href="#appendix-a-default-style-sheet"><span class=secno>19.
270+
<li><a href="#appendix-a-default-style-sheet"><span class=secno>18.
270271
</span>Appendix A: Default style sheet</a>
271272

272273
<li class=no-num><a href="#acknowledgments">Acknowledgments</a>
@@ -3617,6 +3618,17 @@ <h3 id=turning-columns-into-regions><span class=secno>14.2. </span>Turning
36173618
&lt;/article>
36183619
</pre>
36193620
</div>
3621+
3622+
<div class=example>
3623+
<pre>
3624+
div.chapter::column(1) {
3625+
transform: rotate(6.5deg);
3626+
}
3627+
div.chapter::column(2) {
3628+
transform: rotate(-5.5deg) translate(0, 40px);
3629+
}
3630+
</pre>
3631+
<img src="regions_rotated_columns.jpg"></div>
36203632
<!--
36213633
<div class=example>
36223634
Consider this markup:
@@ -3669,73 +3681,16 @@ <h3 id=turning-columns-into-regions><span class=secno>14.2. </span>Turning
36693681
</div>
36703682
-->
36713683

3672-
<h2 id=the-first-page-pseudo-element><span class=secno>15. </span>The
3673-
&lsquo;<code class=property>first-page</code>&rsquo; pseudo-element</h2>
3684+
<h2 id=regions-and-exclusions-examples><span class=secno>15. </span>Regions
3685+
and Exclusions examples</h2>
36743686

3675-
<p>The &lsquo;<code class=property>first-page</code>&rsquo; pseudo-element
3676-
is used to apply styling to the part of an element that ends up on the
3677-
starting page for that element. If the whole element appears on the
3678-
starting page, &lsquo;<code class=property>first-page</code>&rsquo;
3679-
applies to the whole element. The following properties apply to
3680-
:first-page pseudo-elements: column properties, background properties,
3681-
margin properties, border properties, and padding properties. UAs may
3682-
apply other properties as well.
3687+
<div class=example> <img src="exclusion_ordering_z_order.png"></div>
36833688

3684-
<div class=example>
3685-
<p>In this example, there will be one column on the starting page of each
3686-
chapter, while subsequent pages will have two columns:
3689+
<div class=example> <img src="exclusion_ordering.png"></div>
36873690

3688-
<pre>
3689-
div.chapter { columns: 2 }
3690-
div.chapter::first-page { columns: 1 }
3691-
</pre>
3692-
</div>
3691+
<div class=example> <img src="shapes_CSS2.1_MBP.png"></div>
36933692

3694-
<div class=example>
3695-
<p>In this example, padding is added on the left side on the starting page
3696-
of each chapter:
3697-
3698-
<pre>
3699-
div.chapter { break-before: left }
3700-
div.chapter::first-page { padding-left: 4em }
3701-
</pre>
3702-
</div>
3703-
3704-
<h2 id=selecting-columns0><span class=secno>16. </span>Selecting columns</h2>
3705-
3706-
<p class=issue>This is sketchy.
3707-
3708-
<p>Pseudo-elements are introduced to apply styling to the part of an
3709-
element that ends up on a certain page of column of that element. The
3710-
&lsquo;<code class=css>column(n)</code>&rsquo; pseudo-element selects
3711-
columns, the &lsquo;<code class=css>column(n,p)</code>&rsquo;
3712-
pseudo-element selects columns on certain pages, nad the &lsquo;<code
3713-
class=css>page(n)</code>&rsquo; psedo-element select pages.
3714-
3715-
<div class=example>
3716-
<pre>
3717-
div.chapter::column(3) /* the third column of the element */
3718-
div.chapter::column(2n) /* all even columns of the element */
3719-
div.chapter::column(2,2) /* second column on second page */
3720-
div.chapter::column(*,2) /* all columns on the second page */
3721-
div.chapter::page(2) /* second page of the element */
3722-
div.chapter::page(2-4) /* select page 2, 3, and 4 */
3723-
div.chapter::page(2)::column(2) /* second column, but only if it appears on the second page */
3724-
</pre>
3725-
</div>
3726-
3727-
<div class=example>
3728-
<pre>
3729-
div.chapter::column(1) {
3730-
transform: rotate(6.5deg);
3731-
}
3732-
div.chapter::column(2) {
3733-
transform: rotate(-5.5deg) translate(0, 40px);
3734-
}
3735-
</pre>
3736-
<img src="regions_rotated_columns.jpg"></div>
3737-
3738-
<h2 id=selecting-pages-><span class=secno>17. </span>Selecting pages</h2>
3693+
<h2 id=selecting-pages><span class=secno>16. </span>Selecting pages</h2>
37393694

37403695
<p>In CSS 2.0, <a
37413696
href="http://www.w3.org/TR/CSS2/page.html#page-selectors">first, left and
@@ -3807,11 +3762,53 @@ <h2 id=selecting-pages-><span class=secno>17. </span>Selecting pages</h2>
38073762
</pre>
38083763
</div>
38093764

3810-
<h2 id=conformance><span class=secno>18. </span>Conformance</h2>
3765+
<h3 id=the-first-page-pseudo-element><span class=secno>16.1. </span>The
3766+
&lsquo;<code class=property>first-page</code>&rsquo; pseudo-element</h3>
3767+
3768+
<p class=issue>This may no longer be needed du to generic page selectors
3769+
3770+
<p>The &lsquo;<code class=property>first-page</code>&rsquo; pseudo-element
3771+
is used to apply styling to the part of an element that ends up on the
3772+
starting page for that element. If the whole element appears on the
3773+
starting page, &lsquo;<code class=property>first-page</code>&rsquo;
3774+
applies to the whole element. The following properties apply to
3775+
:first-page pseudo-elements: column properties, background properties,
3776+
margin properties, border properties, and padding properties. UAs may
3777+
apply other properties as well.
3778+
3779+
<div class=example>
3780+
<p>In this example, there will be one column on the starting page of each
3781+
chapter, while subsequent pages will have two columns:
3782+
3783+
<pre>
3784+
div.chapter { columns: 2 }
3785+
div.chapter::first-page { columns: 1 }
3786+
</pre>
3787+
</div>
3788+
3789+
<div class=example>
3790+
<p>In this example, padding is added on the left side on the starting page
3791+
of each chapter:
3792+
3793+
<pre>
3794+
div.chapter { break-before: left }
3795+
div.chapter::first-page { padding-left: 4em }
3796+
</pre>
3797+
</div>
3798+
3799+
<div class=example>
3800+
<pre>
3801+
div.chapter::page(2) /* second page of the element */
3802+
div.chapter::page(2-4) /* select page 2, 3, and 4 */
3803+
div.chapter::page(2)::column(2) /* second column, but only if it appears on the second page */
3804+
</pre>
3805+
</div>
3806+
3807+
<h2 id=conformance><span class=secno>17. </span>Conformance</h2>
38113808

38123809
<p>TBD
38133810

3814-
<h2 id=appendix-a-default-style-sheet><span class=secno>19. </span>Appendix
3811+
<h2 id=appendix-a-default-style-sheet><span class=secno>18. </span>Appendix
38153812
A: Default style sheet</h2>
38163813

38173814
<pre>

0 commit comments

Comments
 (0)