adding :nth(), adding hyphenate-last-line-avoid, adding an optional value to hyphenate-character

Author: howcom

css3-gcpm/Overview.src.html

@@ -1506,13 +1506,15 @@ <h3>The 'hyphenate-lines' property</h3>
 honor the specified value. The ''no-limit'' value means that there is
 no limit.
 
+<h3>The 'hyphenate-character' property</h3>
+
 <table class=propdef>
     <tr>
       <td><em>Name:</em>
       <td><dfn>hyphenate-character</dfn>
     <tr>
       <td><em>Value:</em>
-      <td>auto | &lt;string>
+      <td>auto | &lt;string>  &lt;string>?
     <tr>
       <td><em>Initial:</em>
       <td>auto
@@ -1533,9 +1535,11 @@ <h3>The 'hyphenate-lines' property</h3>
       <td>specified value
 </table>
 
-<p>This property specifies a string that is shown when a
-hyphenate-break occurs. The 'auto' value means that the user agent
-should find an appropriate value. 
+<p>This property specifies strings that are shown between parts of
+hyphenated words. The 'auto' value means that the user agent should
+find an appropriate value. If one string is specified, it appears at
+the end of lines. If two strings are specified, the second string
+appears at the beginning of lines.
 
 <!--
 <p class=issue>Which character is it, "minus hyphen" or U+2010?
@@ -1551,9 +1555,68 @@ <h3>The 'hyphenate-lines' property</h3>
 </pre>
 </div>
 
-<!--
-<p class=issue>XSL uses a different list of <a href="http://www.w3.org/TR/2006/CR-xsl11-20060220/#common-hyphenation-properties">properties</a>. Reuse of these properties has been considered.
--->
+
+<h3>The 'hyphenate-last-line-avoid' property</h3>
+
+<table class=propdef>
+    <tr>
+      <td><em>Name:</em>
+      <td><dfn>hyphenate-last-line-avoid</dfn>
+    <tr>
+      <td><em>Value:</em>
+      <td>auto | always | column | page | spread 
+    <tr>
+      <td><em>Initial:</em>
+      <td>auto
+    <tr>
+      <td><em>Applies to:</em>
+      <td>block-level elements
+    <tr>
+      <td><em>Inherited:</em>
+      <td>yes
+    <tr>
+      <td><em>Percentages:</em>
+      <td>N/A
+    <tr>
+      <td><em>Media:</em>
+      <td>visual
+    <tr>
+      <td><em>Computed&nbsp;value:</em>
+      <td>specified value
+</table>
+
+<p>This property indicates hyphenation behavior at the end of elements, column, pages and spreads. A spread is a set of two pages that are visible to the reader at the same time. Values are:
+
+<dl>
+<dt>auto
+
+<dd>no restrictions imposed
+
+<dt>always
+
+<dd>the last full line of the element, or the last line before any column, page, or spread break inside the element should not be hyphenated. 
+
+<dt>column
+
+<dd>the last line before any column, page, or spread break inside the element should not be hyphenated
+
+<dt>page
+
+<dd>the last line before page or spread break inside the element should not be hyphenated
+
+
+<dt>spread 
+
+<dd>the last line before any spread break inside the element should not be hyphenated. 
+
+</dl>
+
+<div class=example>
+<pre>
+p { hyphenate-last-line-avoid: always }
+div.chapter {  hyphenate-last-line-avoid: spread }
+</div>
+<div>
 
 
 <h2>New counter styles</h2>
@@ -2316,6 +2379,64 @@ <h2>Styling blank pages</h2>
 </div>
 
 
+<h2>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. 
+
+<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;
+}
+@page chapter:nth(2) { 
+  background: green;
+}
+div.chapter {
+  page: chapter;
+}
+<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.
+
+<div class="example">
+<pre>
+@page chapter:nth(2n+1) { 
+  background: green;
+}
+</pre>
+</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().
+
+<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>
+/* @page chapter { ... } */
+
+@page chapter:nth(2) {
+  background: green;
+}
+
+div.chapter { page: chapter }
+</pre>
+</div>
+
+
 
 
 <h2>Page floats</h2>