x

Author: howcom

css3-gcpm/Overview.html

@@ -74,8 +74,7 @@ <h2 class="no-num no-toc" id=abstract>Abstract</h2>
    final presentation of the document. Along with two other CSS3 modules
    &ndash; multi-column layout and paged media &ndash; this module offers
    advanced functionality for presenting structured documents on paged media.
-   This specification only applies to the &lsquo;<code
-   class=property>print</code>&rsquo; media type.
+   Paged media can be printed, or presented on screens.
 
   <h2 class="no-num no-toc" id=status-of-this-document>Status of this
    document</h2>
@@ -244,9 +243,12 @@ <h2 class="no-num no-toc" id=table-of-contents><a name=contents>Table of
     </span>The &lsquo;<code class=property>first-page</code>&rsquo;
     pseudo-element</a>
 
-   <li><a href="#conformance"><span class=secno>16. </span>Conformance</a>
+   <li><a href="#selecting-columns-and-pages"><span class=secno>16.
+    </span>Selecting columns and pages</a>
 
-   <li><a href="#appendix-a-default-style-sheet"><span class=secno>17.
+   <li><a href="#conformance"><span class=secno>17. </span>Conformance</a>
+
+   <li><a href="#appendix-a-default-style-sheet"><span class=secno>18.
     </span>Appendix A: Default style sheet</a>
 
    <li class=no-num><a href="#acknowledgments">Acknowledgments</a>
@@ -272,8 +274,7 @@ <h2 id=introduction><span class=secno>1. </span>Introduction</h2>
   <p>This specification describes features often used in printed
    publications. Some of the proposed functionality (e.g., the new list style
    types, and border segments) may also used with other media types. However,
-   this specification is only concerned with the &lsquo;<code
-   class=property>print</code>&rsquo; media type.
+   this specification is monstly concerned with paged media.
 
   <h2 id=running-headers-and-footers><span class=secno>2. </span>Running
    headers and footers</h2>
@@ -3323,24 +3324,12 @@ <h2>Aligning baselines in multi-column layouts</h2>
    <!--
 <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>.
 -->
-   
-   <h2 id=the-first-page-pseudo-element><span class=secno>15. </span>The
-    &lsquo;<code class=property>first-page</code>&rsquo; pseudo-element</h2>
    <!--
-<p>The 'first-page' pseudo-element selects the content of an element
-which appears on the first page the element appears on. If the
-element only appears on one page, all the content of the element is
-selected.
+   div.chapter:columns-page(1) { } 
 -->
-   <!--
-<p>The 'first-page' pseudo-element is used to apply styling to the
-part of an element that ends up on the page where the element first
-appears when formatted. The following properties apply to :first-page
-pseudo-elements: column properties, background properties, margin
-properties, border properties, and padding properties. UAs may apply
-other properties as well.
--->
-   
+   <h2 id=the-first-page-pseudo-element><span class=secno>15. </span>The
+    &lsquo;<code class=property>first-page</code>&rsquo; pseudo-element</h2>
+
    <p>The &lsquo;<code class=property>first-page</code>&rsquo; pseudo-element
     is used to apply styling to the part of an element that ends up on the
     starting page for that element. If the whole element appears on the
@@ -3367,6 +3356,23 @@ <h2 id=the-first-page-pseudo-element><span class=secno>15. </span>The
     <pre>
   div.chapter { break-before: left }
   div.chapter::first-page { padding-left: 4em }
+</pre>
+   </div>
+
+   <h2 id=selecting-columns-and-pages><span class=secno>16. </span>Selecting
+    columns and pages</h2>
+
+   <p>Pseudo-elements are introduced to apply styling to the part of an
+    element that ends up on a certain page of column of that element. The
+    &lsquo;<code class=css>column(n)</code>&rsquo; pseudo-element selects
+    columns, and the &lsquo;<code class=css>page(n)</code>&rsquo;
+    psedo-element select columns.
+
+   <div class=example>
+    <pre>
+div.chapter:column(3)           /* the third column of the element */
+div.chapter:column(2n)          /* all even columns */
+div.chapter:column(1):page(2)   /* first column on page 2 */
 </pre>
    </div>
    <!--
@@ -3429,11 +3435,11 @@ <h2>Page selection: nth()</h2>
 
 -->
 
-   <h2 id=conformance><span class=secno>16. </span>Conformance</h2>
+   <h2 id=conformance><span class=secno>17. </span>Conformance</h2>
 
    <p>TBD
 
-   <h2 id=appendix-a-default-style-sheet><span class=secno>17.
+   <h2 id=appendix-a-default-style-sheet><span class=secno>18.
     </span>Appendix A: Default style sheet</h2>
 
    <pre>