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

csswg/css3-gcpm Overview.src.html,1.140,1.141

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

Modified Files:
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 @@
 <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 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:
-h1 { 
+title { 
   display: none;
   string-set: header content();
@@ -2426,6 +2420,9 @@
+<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 @@
+<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 &mdash; 'line-stacking-strategy: grid-height' &mdash; 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
+<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:
+  div.chapter { columns: 2 }
+  div.chapter::first-page { columns: 1 }
+<div class=example>
+<p>In this example, padding is added on the left side on the starting
+page of each chapter:
+  div.chapter { columns: 20em; break-before: left }
+  div.chapter::first-page { padding-left: 4em }
 <h2>Page selection: nth()</h2>
@@ -2883,6 +2931,7 @@
Received on Tuesday, 25 October 2011 19:06:25 UTC

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