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

csswg/css3-gcpm Overview.html,1.135,1.136

From: (wrong string) åkon Wium Lie via cvs-syncmail <cvsmail@w3.org>
Date: Tue, 25 Oct 2011 19:06:28 +0000
To: public-css-commits@w3.org
Message-Id: <E1RImKS-00048l-6h@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-gcpm
In directory hutz:/tmp/cvs-serv15884

Modified Files:
	Overview.html 
Log Message:
x

Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-gcpm/Overview.html,v
retrieving revision 1.135
retrieving revision 1.136
diff -u -d -r1.135 -r1.136
--- Overview.html	10 Oct 2011 21:07:43 -0000	1.135
+++ Overview.html	25 Oct 2011 19:06:26 -0000	1.136
@@ -4,19 +4,14 @@
 <html lang=en>
  <head>
   <title>CSS Generated Content for Paged Media Module</title>
-  <link href="../default.css" rel=stylesheet type="text/css">
+  <link href="../css-module/default.css" rel=stylesheet type="text/css">
   <link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet
   type="text/css">
+  <!--
+<link href="../default.css" rel="stylesheet" type="text/css">
+-->
 
   <style type="text/css">
-/*
-.cols { width: 500px; height: 200px; background: #fff; position: relative; border: solid 10px blue; margin: 0.5em 2em 1em 0; font: bold 14px/19px Arial, sans-serif }
-.cols p { padding: 3px; margin: 0 }
-.col { position: absolute; left: 0px; top: 0; z-index: 6; width: 170px }
-.gap { position: absolute; background: black; width: 5px; bottom: 0px; top: 0px; border: 10px solid red; border-top-width: 0; border-bottom-width: 0;  }
-.rep { position: absolute; top: 45px; background: #333; height: 110px; width: 100px;  color: white; z-index: 4 }
-*/
-
 div.example img { display: block; margin: 1em 0 }
 
 div.example:before { width: 9em !important }
@@ -99,13 +94,13 @@
 
    <h1>CSS Generated Content for Paged Media Module</h1>
 
-   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 10 October 2011</h2>
+   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 25 October 2011</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a
-     href="http://www.w3.org/TR/2011/ED-css3-gcpm-20111010/">http://www.w3.org/TR/2011/ED-css3-gcpm-20111010</a>
+     href="http://www.w3.org/TR/2011/ED-css3-gcpm-20111025/">http://www.w3.org/TR/2011/ED-css3-gcpm-20111025</a>
 
     <dt>Latest version:
 
@@ -335,8 +330,9 @@
    <li><a href="#aligning-baselines-in-multi-column-layou"><span
     class=secno>16. </span>Aligning baselines in multi-column layouts</a>
 
-   <li><a href="#page-selection-nth"><span class=secno>17. </span>Page
-    selection: nth()</a>
+   <li><a href="#the-first-page-pseudo-element"><span class=secno>17.
+    </span>The &lsquo;<code class=property>first-page</code>&rsquo;
+    pseudo-element</a>
 
    <li><a href="#conformance"><span class=secno>18. </span>Conformance</a>
 
@@ -614,11 +610,11 @@
 
   <div class=example>
    <p>The content is copied regardless of other settings on the element. In
-    this example, H1 elements are not displayed, but their content is copied
-    into the named string.
+    HTML, TITLE elements are normally not displayed, but in this examplet the
+    content is copied into a named string:
 
    <pre>
-h1 { 
+title { 
   display: none;
   string-set: header content();
 }
@@ -3001,6 +2997,10 @@
      UA-specific controls to change pages
    </dl>
 
+   <p class=issue>Is "paginated" a better word?
+
+   <p class=issue>Should controls be specified on a separate property?
+
    <div class=example>
     <p>In this example, the root element is constrained to have the same
      height as the initial containing block. Overflow content will be laid
@@ -3030,6 +3030,8 @@
 </pre>
    </div>
 
+   <p>A paged container cannot be split over multiple columns.
+
    <h2 id=navigation-between-pages><span class=secno>14. </span>Navigation
     between pages</h2>
 
@@ -3416,33 +3418,71 @@
     class=property>line-stacking-strategy</code>&rsquo; property is <a
     href="http://www.w3.org/TR/xsl/#line-stacking-strategy">used in XSL</a>.
 
-   <h2 id=page-selection-nth><span class=secno>17. </span>Page selection:
-    nth()</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.
+   <h2 id=the-first-page-pseudo-element><span class=secno>17. </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.
+-->
+   <!--
+<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.
+-->
+   
+   <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>This example sets the background color of the second page in the
-     document:
+    <p>In this example, there will be one column on the starting page of each
+     chapter, while subsequent pages will have two columns:
 
     <pre>
-@page :nth(2) { 
-  background: green;
-}
+  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 { columns: 20em; break-before: left }
+  div.chapter::first-page { padding-left: 4em }
 </pre>
    </div>
+   <!--
 
-   <div class=example>
-    <p>This example sets the background color of the second page of all
-     chapters in a document:
+<h2>Page selection: nth()</h2>
 
-    <pre>
+<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:
+
+<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;
 }
@@ -3452,34 +3492,25 @@
 div.chapter {
   page: chapter;
 }
-</pre>
-
-    <pre>
-</pre>
-   </div>
+<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.
+<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>
+<div class="example">
+<pre>
 @page chapter:nth(2n+1) { 
   background: green;
 }
 </pre>
-   </div>
+</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().
+<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">
+<p>Even when the first line is commented out, the second page of all chapters in the document will be green.
 
-    <pre>
+<pre>
 /* @page chapter { ... } */
 
 @page chapter:nth(2) {
@@ -3488,8 +3519,10 @@
 
 div.chapter { page: chapter }
 </pre>
-   </div>
+</div>
 
+-->
+   
    <h2 id=conformance><span class=secno>18. </span>Conformance</h2>
    <!--User agents that support hyphenation and support this specification must a-->
    
Received on Tuesday, 25 October 2011 19:06:30 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 25 October 2011 19:06:31 GMT