W3C home > Mailing lists > Public > public-css-commits@w3.org > December 2011

csswg/css3-gcpm Overview.html,1.186,1.187

From: (wrong string) åkon Wium Lie via cvs-syncmail <cvsmail@w3.org>
Date: Mon, 26 Dec 2011 15:00:11 +0000
To: public-css-commits@w3.org
Message-Id: <E1RfC27-00006x-LN@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-gcpm
In directory hutz:/tmp/cvs-serv399

Modified Files:
	Overview.html 
Log Message:
mechanically generated

Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-gcpm/Overview.html,v
retrieving revision 1.186
retrieving revision 1.187
diff -u -d -r1.186 -r1.187
--- Overview.html	25 Dec 2011 02:06:55 -0000	1.186
+++ Overview.html	26 Dec 2011 15:00:08 -0000	1.187
@@ -24,13 +24,13 @@
 
    <h1>CSS Generated Content for Paged Media Module</h1>
 
-   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 25 December 2011</h2>
+   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 26 December 2011</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a
-     href="http://www.w3.org/TR/2011/ED-css3-gcpm-20111225/">http://www.w3.org/TR/2011/ED-css3-gcpm-20111225/</a>
+     href="http://www.w3.org/TR/2011/ED-css3-gcpm-20111226/">http://www.w3.org/TR/2011/ED-css3-gcpm-20111226/</a>
 
     <dt>Latest version:
 
@@ -254,19 +254,20 @@
       </span>Turning columns into regions</a>
     </ul>
 
-   <li><a href="#the-first-page-pseudo-element"><span class=secno>15.
-    </span>The &lsquo;<code class=property>first-page</code>&rsquo;
-    pseudo-element</a>
-
-   <li><a href="#selecting-columns0"><span class=secno>16. </span>Selecting
-    columns</a>
+   <li><a href="#regions-and-exclusions-examples"><span class=secno>15.
+    </span>Regions and Exclusions examples</a>
 
-   <li><a href="#selecting-pages-"><span class=secno>17. </span>Selecting
-    pages </a>
+   <li><a href="#selecting-pages"><span class=secno>16. </span>Selecting
+    pages</a>
+    <ul class=toc>
+     <li><a href="#the-first-page-pseudo-element"><span class=secno>16.1.
+      </span>The &lsquo;<code class=property>first-page</code>&rsquo;
+      pseudo-element</a>
+    </ul>
 
-   <li><a href="#conformance"><span class=secno>18. </span>Conformance</a>
+   <li><a href="#conformance"><span class=secno>17. </span>Conformance</a>
 
-   <li><a href="#appendix-a-default-style-sheet"><span class=secno>19.
+   <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>
@@ -3617,6 +3618,17 @@
 &lt;/article>
 </pre>
   </div>
+
+  <div class=example>
+   <pre>
+div.chapter::column(1) {
+  transform: rotate(6.5deg);
+}
+div.chapter::column(2) { 
+  transform: rotate(-5.5deg) translate(0, 40px);
+}
+</pre>
+   <img src="regions_rotated_columns.jpg"></div>
   <!--
 <div class=example>
 Consider this markup:
@@ -3669,73 +3681,16 @@
 </div>
 -->
 
-  <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
-   starting page, &lsquo;<code class=property>first-page</code>&rsquo;
-   applies to the whole element. 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.
-
-  <div class=example>
-   <p>In this example, there will be one column on the starting page of each
-    chapter, while subsequent pages will have two columns:
-
-   <pre>
-  div.chapter { columns: 2 }
-  div.chapter::first-page { columns: 1 }
-</pre>
-  </div>
-
-  <div class=example>
-   <p>In this example, padding is added on the left side on the starting page
-    of each chapter:
-
-   <pre>
-  div.chapter { break-before: left }
-  div.chapter::first-page { padding-left: 4em }
-</pre>
-  </div>
-
-  <h2 id=selecting-columns0><span class=secno>16. </span>Selecting columns</h2>
-
-  <p class=issue>This is sketchy.
+  <h2 id=regions-and-exclusions-examples><span class=secno>15. </span>Regions
+   and Exclusions examples</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, the &lsquo;<code class=css>column(n,p)</code>&rsquo;
-   pseudo-element selects columns on certain pages, nad the &lsquo;<code
-   class=css>page(n)</code>&rsquo; psedo-element select pages.
+  <div class=example> <img src="exclusion_ordering_z_order.png"></div>
 
-  <div class=example>
-   <pre>
-div.chapter::column(3)           /* the third column of the element */
-div.chapter::column(2n)          /* all even columns of the element */
-div.chapter::column(2,2)         /* second column on second page */
-div.chapter::column(*,2)         /* all columns on the second page */
-div.chapter::page(2)             /* second page of the element */
-div.chapter::page(2-4)           /* select page 2, 3, and 4 */
-div.chapter::page(2)::column(2)  /* second column, but only if it appears on the second page */
-</pre>
-  </div>
+  <div class=example> <img src="exclusion_ordering.png"></div>
 
-  <div class=example>
-   <pre>
-div.chapter::column(1) {
-  transform: rotate(6.5deg);
-}
-div.chapter::column(2) { 
-  transform: rotate(-5.5deg) translate(0, 40px);
-}
-</pre>
-   <img src="regions_rotated_columns.jpg"></div>
+  <div class=example> <img src="shapes_CSS2.1_MBP.png"></div>
 
-  <h2 id=selecting-pages-><span class=secno>17. </span>Selecting pages</h2>
+  <h2 id=selecting-pages><span class=secno>16. </span>Selecting pages</h2>
 
   <p>In CSS 2.0, <a
    href="http://www.w3.org/TR/CSS2/page.html#page-selectors">first, left and
@@ -3807,11 +3762,53 @@
 </pre>
   </div>
 
-  <h2 id=conformance><span class=secno>18. </span>Conformance</h2>
+  <h3 id=the-first-page-pseudo-element><span class=secno>16.1. </span>The
+   &lsquo;<code class=property>first-page</code>&rsquo; pseudo-element</h3>
+
+  <p class=issue>This may no longer be needed du to generic page selectors
+
+  <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
+   starting page, &lsquo;<code class=property>first-page</code>&rsquo;
+   applies to the whole element. 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.
+
+  <div class=example>
+   <p>In this example, there will be one column on the starting page of each
+    chapter, while subsequent pages will have two columns:
+
+   <pre>
+  div.chapter { columns: 2 }
+  div.chapter::first-page { columns: 1 }
+</pre>
+  </div>
+
+  <div class=example>
+   <p>In this example, padding is added on the left side on the starting page
+    of each chapter:
+
+   <pre>
+  div.chapter { break-before: left }
+  div.chapter::first-page { padding-left: 4em }
+</pre>
+  </div>
+
+  <div class=example>
+   <pre>
+div.chapter::page(2)             /* second page of the element */
+div.chapter::page(2-4)           /* select page 2, 3, and 4 */
+div.chapter::page(2)::column(2)  /* second column, but only if it appears on the second page */
+</pre>
+  </div>
+
+  <h2 id=conformance><span class=secno>17. </span>Conformance</h2>
 
   <p>TBD
 
-  <h2 id=appendix-a-default-style-sheet><span class=secno>19. </span>Appendix
+  <h2 id=appendix-a-default-style-sheet><span class=secno>18. </span>Appendix
    A: Default style sheet</h2>
 
   <pre>
Received on Monday, 26 December 2011 15:00:18 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 19:26:08 UTC