- From: H?kon Wium Lie via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 25 Oct 2011 19:06:28 +0000
- To: public-css-commits@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 ‘<code class=property>first-page</code>’
+ 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>’ 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
+ ‘<code class=property>first-page</code>’ 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 ‘<code class=property>first-page</code>’ 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, ‘<code class=property>first-page</code>’
+ 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 UTC