Skip to content

Commit 7038d0d

Browse files
committed
generalisin first-page selecto
1 parent d7feafd commit 7038d0d

1 file changed

Lines changed: 28 additions & 19 deletions

File tree

css3-gcpm/Overview.src.html

Lines changed: 28 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -62,8 +62,8 @@ <h2 class="no-num no-toc" id=abstract>Abstract</h2>
6262
moved in the final presentation of the document. Along with two other
6363
CSS3 modules &ndash; multi-column layout and paged media &ndash; this
6464
module offers advanced functionality for presenting structured
65-
documents on paged media. This specification only applies to the
66-
'print' media type.
65+
documents on paged media. Paged media can be printed, or presented on
66+
screens.
6767

6868

6969
<h2 class="no-num no-toc">Status of this document</h2>
@@ -88,13 +88,13 @@ <h2>Introduction</h2>
8888
<p>(This section is not normative.)
8989

9090
<p>This specification describes features often used in printed
91-
publications. Some of the proposed functionality (e.g., the new list style types, and border segments) may also
92-
used with other media types. However, this specification is only
93-
concerned with the 'print' media type.
91+
publications. Some of the proposed functionality (e.g., the new list
92+
style types, and border segments) may also used with other media
93+
types. However, this specification is monstly concerned with paged media.
9494

9595
<h2>Running headers and footers</h2>
9696

97-
To aid navigation in printed material, headers and footers are often
97+
<p>To aid navigation in printed material, headers and footers are often
9898
printed in the page margins. [[CSS3PAGE]] describes how to place
9999
headers and footers on a page, but not how to fetch headers and
100100
footers from elements in the document. This specification offers two
@@ -2852,23 +2852,16 @@ <h2>Aligning baselines in multi-column layouts</h2>
28522852
<p class=note>A similar idea &mdash; 'line-stacking-strategy: grid-height' &mdash; was proposed in a <a href="http://www.w3.org/TR/css3-linebox/#line-stacking-strategy">previous version of the CSS3 line module</a>. The 'line-stacking-strategy' property is <a href="http://www.w3.org/TR/xsl/#line-stacking-strategy">used in XSL</a>.
28532853
-->
28542854

2855-
<h2>The 'first-page' pseudo-element</h2>
2855+
28562856

28572857
<!--
2858-
<p>The 'first-page' pseudo-element selects the content of an element
2859-
which appears on the first page the element appears on. If the
2860-
element only appears on one page, all the content of the element is
2861-
selected.
2862-
-->
2863-
<!--
2864-
<p>The 'first-page' pseudo-element is used to apply styling to the
2865-
part of an element that ends up on the page where the element first
2866-
appears when formatted. The following properties apply to :first-page
2867-
pseudo-elements: column properties, background properties, margin
2868-
properties, border properties, and padding properties. UAs may apply
2869-
other properties as well.
2858+
div.chapter:columns-page(1) { }
28702859
-->
28712860

2861+
2862+
<h2>The 'first-page' pseudo-element</h2>
2863+
2864+
28722865
<p>The 'first-page' pseudo-element is used to apply styling to the
28732866
part of an element that ends up on the starting page for that element.
28742867
If the whole element appears on the starting page, 'first-page'
@@ -2902,6 +2895,22 @@ <h2>The 'first-page' pseudo-element</h2>
29022895
</div>
29032896

29042897

2898+
2899+
<h2>Selecting columns and pages</h2>
2900+
2901+
<p>Pseudo-elements are introduced to apply styling to the part of an
2902+
element that ends up on a certain page of column of that element. The
2903+
'column(n)' pseudo-element selects columns, and the 'page(n)'
2904+
psedo-element select columns.
2905+
2906+
<div class=example>
2907+
<pre>
2908+
div.chapter:column(3) /* the third column of the element */
2909+
div.chapter:column(2n) /* all even columns */
2910+
div.chapter:column(1):page(2) /* first column on page 2 */
2911+
</pre>
2912+
</div>
2913+
29052914
<!--
29062915
29072916
<h2>Page selection: nth()</h2>

0 commit comments

Comments
 (0)