- From: H?kon Wium Lie via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 25 Oct 2011 19:06:19 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-gcpm
In directory hutz:/tmp/cvs-serv15813
Modified Files:
Overview.src.html
Log Message:
adding first-page pseudo-class
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-gcpm/Overview.src.html,v
retrieving revision 1.140
retrieving revision 1.141
diff -u -d -r1.140 -r1.141
--- Overview.src.html 10 Oct 2011 21:07:36 -0000 1.140
+++ Overview.src.html 25 Oct 2011 19:06:17 -0000 1.141
@@ -4,19 +4,13 @@
<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-[STATUS].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 }
@@ -374,10 +368,10 @@
</div>
<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.
+<p>The content is copied regardless of other settings on the element. In 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();
}
@@ -2426,6 +2420,9 @@
</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
@@ -2455,6 +2452,7 @@
</pre>
</div>
+<p>A paged container cannot be split over multiple columns.
<h2>Navigation between pages</h2>
@@ -2825,7 +2823,57 @@
<p class=note>A similar idea — 'line-stacking-strategy: grid-height' — 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>The 'first-page' 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 'first-page' 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, 'first-page'
+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 { columns: 20em; break-before: left }
+ div.chapter::first-page { padding-left: 4em }
+</pre>
+
+</div>
+
+
+<!--
<h2>Page selection: nth()</h2>
@@ -2883,6 +2931,7 @@
</pre>
</div>
+-->
<h2>Conformance</h2>
Received on Tuesday, 25 October 2011 19:06:25 UTC