- 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