- From: H?kon Wium Lie via cvs-syncmail <cvsmail@w3.org>
- Date: Mon, 26 Dec 2011 15:00:11 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-gcpm
In directory hutz:/tmp/cvs-serv399
Modified Files:
Overview.html
Log Message:
mechanically generated
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-gcpm/Overview.html,v
retrieving revision 1.186
retrieving revision 1.187
diff -u -d -r1.186 -r1.187
--- Overview.html 25 Dec 2011 02:06:55 -0000 1.186
+++ Overview.html 26 Dec 2011 15:00:08 -0000 1.187
@@ -24,13 +24,13 @@
<h1>CSS Generated Content for Paged Media Module</h1>
- <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 25 December 2011</h2>
+ <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 26 December 2011</h2>
<dl>
<dt>This version:
<dd><a
- href="http://www.w3.org/TR/2011/ED-css3-gcpm-20111225/">http://www.w3.org/TR/2011/ED-css3-gcpm-20111225/</a>
+ href="http://www.w3.org/TR/2011/ED-css3-gcpm-20111226/">http://www.w3.org/TR/2011/ED-css3-gcpm-20111226/</a>
<dt>Latest version:
@@ -254,19 +254,20 @@
</span>Turning columns into regions</a>
</ul>
- <li><a href="#the-first-page-pseudo-element"><span class=secno>15.
- </span>The ‘<code class=property>first-page</code>’
- pseudo-element</a>
-
- <li><a href="#selecting-columns0"><span class=secno>16. </span>Selecting
- columns</a>
+ <li><a href="#regions-and-exclusions-examples"><span class=secno>15.
+ </span>Regions and Exclusions examples</a>
- <li><a href="#selecting-pages-"><span class=secno>17. </span>Selecting
- pages </a>
+ <li><a href="#selecting-pages"><span class=secno>16. </span>Selecting
+ pages</a>
+ <ul class=toc>
+ <li><a href="#the-first-page-pseudo-element"><span class=secno>16.1.
+ </span>The ‘<code class=property>first-page</code>’
+ pseudo-element</a>
+ </ul>
- <li><a href="#conformance"><span class=secno>18. </span>Conformance</a>
+ <li><a href="#conformance"><span class=secno>17. </span>Conformance</a>
- <li><a href="#appendix-a-default-style-sheet"><span class=secno>19.
+ <li><a href="#appendix-a-default-style-sheet"><span class=secno>18.
</span>Appendix A: Default style sheet</a>
<li class=no-num><a href="#acknowledgments">Acknowledgments</a>
@@ -3617,6 +3618,17 @@
</article>
</pre>
</div>
+
+ <div class=example>
+ <pre>
+div.chapter::column(1) {
+ transform: rotate(6.5deg);
+}
+div.chapter::column(2) {
+ transform: rotate(-5.5deg) translate(0, 40px);
+}
+</pre>
+ <img src="regions_rotated_columns.jpg"></div>
<!--
<div class=example>
Consider this markup:
@@ -3669,73 +3681,16 @@
</div>
-->
- <h2 id=the-first-page-pseudo-element><span class=secno>15. </span>The
- ‘<code class=property>first-page</code>’ pseudo-element</h2>
-
- <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>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 { break-before: left }
- div.chapter::first-page { padding-left: 4em }
-</pre>
- </div>
-
- <h2 id=selecting-columns0><span class=secno>16. </span>Selecting columns</h2>
-
- <p class=issue>This is sketchy.
+ <h2 id=regions-and-exclusions-examples><span class=secno>15. </span>Regions
+ and Exclusions examples</h2>
- <p>Pseudo-elements are introduced to apply styling to the part of an
- element that ends up on a certain page of column of that element. The
- ‘<code class=css>column(n)</code>’ pseudo-element selects
- columns, the ‘<code class=css>column(n,p)</code>’
- pseudo-element selects columns on certain pages, nad the ‘<code
- class=css>page(n)</code>’ psedo-element select pages.
+ <div class=example> <img src="exclusion_ordering_z_order.png"></div>
- <div class=example>
- <pre>
-div.chapter::column(3) /* the third column of the element */
-div.chapter::column(2n) /* all even columns of the element */
-div.chapter::column(2,2) /* second column on second page */
-div.chapter::column(*,2) /* all columns on the second page */
-div.chapter::page(2) /* second page of the element */
-div.chapter::page(2-4) /* select page 2, 3, and 4 */
-div.chapter::page(2)::column(2) /* second column, but only if it appears on the second page */
-</pre>
- </div>
+ <div class=example> <img src="exclusion_ordering.png"></div>
- <div class=example>
- <pre>
-div.chapter::column(1) {
- transform: rotate(6.5deg);
-}
-div.chapter::column(2) {
- transform: rotate(-5.5deg) translate(0, 40px);
-}
-</pre>
- <img src="regions_rotated_columns.jpg"></div>
+ <div class=example> <img src="shapes_CSS2.1_MBP.png"></div>
- <h2 id=selecting-pages-><span class=secno>17. </span>Selecting pages</h2>
+ <h2 id=selecting-pages><span class=secno>16. </span>Selecting pages</h2>
<p>In CSS 2.0, <a
href="http://www.w3.org/TR/CSS2/page.html#page-selectors">first, left and
@@ -3807,11 +3762,53 @@
</pre>
</div>
- <h2 id=conformance><span class=secno>18. </span>Conformance</h2>
+ <h3 id=the-first-page-pseudo-element><span class=secno>16.1. </span>The
+ ‘<code class=property>first-page</code>’ pseudo-element</h3>
+
+ <p class=issue>This may no longer be needed du to generic page selectors
+
+ <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>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 { break-before: left }
+ div.chapter::first-page { padding-left: 4em }
+</pre>
+ </div>
+
+ <div class=example>
+ <pre>
+div.chapter::page(2) /* second page of the element */
+div.chapter::page(2-4) /* select page 2, 3, and 4 */
+div.chapter::page(2)::column(2) /* second column, but only if it appears on the second page */
+</pre>
+ </div>
+
+ <h2 id=conformance><span class=secno>17. </span>Conformance</h2>
<p>TBD
- <h2 id=appendix-a-default-style-sheet><span class=secno>19. </span>Appendix
+ <h2 id=appendix-a-default-style-sheet><span class=secno>18. </span>Appendix
A: Default style sheet</h2>
<pre>
Received on Monday, 26 December 2011 15:00:18 UTC