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

csswg/css3-gcpm Overview.html,1.188,1.189

From: (wrong string) åkon Wium Lie via cvs-syncmail <cvsmail@w3.org>
Date: Tue, 27 Dec 2011 13:39:16 +0000
To: public-css-commits@w3.org
Message-Id: <E1RfXFM-00084x-4n@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-gcpm
In directory hutz:/tmp/cvs-serv31033

Modified Files:
	Overview.html 
Log Message:
machine-generated

Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-gcpm/Overview.html,v
retrieving revision 1.188
retrieving revision 1.189
diff -u -d -r1.188 -r1.189
--- Overview.html	26 Dec 2011 15:03:53 -0000	1.188
+++ Overview.html	27 Dec 2011 13:39:13 -0000	1.189
@@ -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 26 December 2011</h2>
+   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 27 December 2011</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a
-     href="http://www.w3.org/TR/2011/ED-css3-gcpm-20111226/">http://www.w3.org/TR/2011/ED-css3-gcpm-20111226/</a>
+     href="http://www.w3.org/TR/2011/ED-css3-gcpm-20111227/">http://www.w3.org/TR/2011/ED-css3-gcpm-20111227/</a>
 
     <dt>Latest version:
 
@@ -256,11 +256,6 @@
 
    <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>17. </span>Conformance</a>
 
@@ -3231,6 +3226,23 @@
    offset. If no vertical value has been specified, the vertical offset is
    set to zero.
 
+  <p>This property can only influence a float along an axis it has been
+   floated.
+
+  <div class=example>
+   <pre>
+img { 
+  float: left;
+  float-offset: 2em 3em; 
+}
+</pre>
+
+   <p>In this example, the image is float to the left. Therefore, &lsquo;<a
+    href="#float-offset"><code class=property>float-offset</code></a>&rsquo;
+    may only push the element in the horizontal direction, and the vertial
+    value is ignored.
+  </div>
+
   <p>Negative values are allowed; a negative values will push the float in
    the same direction as it has been floated with &lsquo;<code
    class=property>float</code>&rsquo;
@@ -3514,7 +3526,7 @@
   content-inside: circle(50%, 50%, 30%);
 }
 
-article::column(1) {
+article::column(2) {
   content-outside: polygon(x1, y1, x2, y2, x3, y3, ... xn, yn);
   color: red;
 }
@@ -3526,7 +3538,7 @@
 article::column(1) {
   content-outside: circle(x, y, z);
 }
-article::column(1) {
+article::column(2) {
   content-inside: polygon(x1, y1, x2, y2, x3, y3, ... xn, yn);
 }
 </pre>
@@ -3694,91 +3706,61 @@
   <h2 id=regions-and-exclusions-examples><span class=secno>15. </span>Regions
    and Exclusions examples</h2>
 
-  <div class=example> <img src="exclusion_ordering_z_order.png"></div>
-
-  <div class=example> <img src="exclusion_ordering.png"></div>
-
-  <div class=example> <img src="shapes_CSS2.1_MBP.png"></div>
-
-  <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
-   right pages</a> can be selected. This specification adds support for
-   selecting the nth page in the document, or the nth named page.
-
-  <div class=example>
-   <p>This example sets the background color of the second page in the
-    document:
-
+  <div class=example> <img src="exclusion_ordering.png">
    <pre>
-@page :nth(2) { 
-  background: green;
+article {
+  columns: 15em;
+}
+acticle::region(1-3) {
+  height: 15em;
+}
+acticle::region(2-3) {
+  margin: 4em 0 0 -4em;
 }
-</pre>
-
-   <pre>
 </pre>
   </div>
 
-  <div class=example>
-   <p>This example sets the background color of the second page of all
-    chapters in a document:
-
+  <div class=example> <img src="exclusion_ordering_z_order.png">
    <pre>
-@page chapter {
-  background: yellow;
+article {
+  columns: 15em;
 }
-@page chapter:nth(2) { 
-  background: green;
+acticle::region(1-3) {
+  height: 15em;
 }
-div.chapter {
-  page: chapter;
+acticle::region(2-3) {
+  margin: 4em 0 0 -4em;
 }
-</pre>
-
-   <pre>
-</pre>
-  </div>
-
-  <p>The arguments to the nth() functional notation is the same as for the <a
-   href="http://www.w3.org/TR/css3-selectors/#nth-child-pseudo">nth-child()</a>
-   pseudo-class.
-
-  <div class=example>
-   <pre>
-@page chapter:nth(2n+1) { 
-  background: green;
+acticle::region(2) {
+  z-index: 1;
 }
 </pre>
   </div>
 
-  <p>Even when a named page is not defined through an <code>@page
-   <em>name</em> { .. }</code> construct, the name can still be used with
-   :nth().
-
-  <div class=example>
-   <p>Even when the first line is commented out, the second page of all
-    chapters in the document will be green.
-
+  <div class=example> <img src=exclusions-dropcap.png>
    <pre>
-/* @page chapter { ... } */
-
-@page chapter:nth(2) {
-  background: green;
+#dropcaps {
+  font-size: 3em;
+  float: left;
+  exclude-level: 0.5;
 }
 
-div.chapter { page: chapter }
+&lt;p>&lt;span id="dropcaps">Many&lt;/span> instances ...&lt;/p>
+    &lt;p>The text ....&lt;/p>
 </pre>
   </div>
 
-  <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>
+  <h2 id=selecting-pages><span class=secno>16. </span>Selecting pages</h2>
 
-  <p class=issue>This may no longer be needed du to generic page selectors
+  <p>In CSS 2.0, <a
+   href="http://www.w3.org/TR/CSS2/page.html#page-selectors">first, left and
+   right pages</a> can be selected. This specification adds support for
+   selecting a certain page generate by a certain element.
 
   <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
+   is similar to the &lsquo;<code class=property>first-letter</code>&rsquo;
+   and &lsquo;<code class=property>first-line</code>&rsquo; elements; it 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
@@ -3806,13 +3788,80 @@
 </pre>
   </div>
 
+  <p>As a generalization of the &lsquo;<code
+   class=property>first-page</code>&rsquo; pseudo-element, the &lsquo;<code
+   class=css>page()</code>&rsquo; pseudo-selector allows other pages to be
+   selected.
+
   <div class=example>
    <pre>
 div.chapter::page(2)             /* second page of the element */
+div.chapter::page(2n)            /* even pages 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>
+  <!--
+nth page in the document, or the nth named page. 
+
+
+<div class=example>
+<p>This example sets the background color of the second page in the document:
+
+<pre>
+@page :nth(2) { 
+  background: green;
+}
+<pre>
+</div>
+
+<div class=example>
+<p>This example sets the background color of the second page of all chapters in a document:
+
+<pre>
+@page chapter {
+  background: yellow;
+}
+@page chapter:nth(2) { 
+  background: green;
+}
+div.chapter {
+  page: chapter;
+}
+<pre>
+</div>
+
+<p>The arguments to the nth() functional notation is the same as for the <a href="http://www.w3.org/TR/css3-selectors/#nth-child-pseudo">nth-child()</a> pseudo-class.
+
+<div class="example">
+<pre>
+@page chapter:nth(2n+1) { 
+  background: green;
+}
+</pre>
+</div>
+
+<p>Even when a named page is not defined through an <code>@page <em>name</em> { .. }</code> construct, the name can still be used with :nth().
+
+<div class="example">
+<p>Even when the first line is commented out, the second page of all chapters in the document will be green.
+
+<pre>
+/* @page chapter { ... } */
+
+@page chapter:nth(2) {
+  background: green;
+}
+
+div.chapter { page: chapter }
+</pre>
+</div>
+
+
+<h3>Page pseudo-elements</h3>
+
+<p class=issue>This may no longer be needed du to generic page selectors
+-->
 
   <h2 id=conformance><span class=secno>17. </span>Conformance</h2>
 
Received on Tuesday, 27 December 2011 13:39:21 UTC

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