- From: H?kon Wium Lie via cvs-syncmail <cvsmail@w3.org>
- Date: Mon, 14 Nov 2011 23:42:05 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-gcpm
In directory hutz:/tmp/cvs-serv22964
Modified Files:
Overview.html
Log Message:
x
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-gcpm/Overview.html,v
retrieving revision 1.163
retrieving revision 1.164
diff -u -d -r1.163 -r1.164
--- Overview.html 1 Nov 2011 19:15:13 -0000 1.163
+++ Overview.html 14 Nov 2011 23:42:03 -0000 1.164
@@ -23,13 +23,13 @@
<h1>CSS Generated Content for Paged Media Module</h1>
- <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 1 November 2011</h2>
+ <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 14 November 2011</h2>
<dl>
<dt>This version:
<dd><a
- href="http://www.w3.org/TR/2011/ED-css3-gcpm-20111101/">http://www.w3.org/TR/2011/ED-css3-gcpm-20111101</a>
+ href="http://www.w3.org/TR/2011/ED-css3-gcpm-20111114/">http://www.w3.org/TR/2011/ED-css3-gcpm-20111114</a>
<dt>Latest version:
@@ -112,11 +112,13 @@
W3C Patent Policy</a>.</p>
<!--end-status-->
- <p>This functionality described in this WD is scaled down compared to
- earlier versions. The remaining functionality is considered to be useful,
- to fit well into the CSS framework, and to be within reach of
- implementations. Indeed, significant parts of the draft has already been
- implemented.
+ <p>This WD contains functionality that the CSS WG finds interesting and
+ useful. In general, the earlier a feature appears in this draft, the more
+ stable it is. Significant changes in functionality and syntax must be
+ expected from <a href="#paged-presentations">paged presentations</a> and
+ onwards. Also, functionality described in this module may be moved to
+ other modules. Since the previous WD, hyphenation and new list style type
+ have been moved.
<h2 class="no-num no-toc" id=table-of-contents><a name=contents>Table of
contents</a></h2>
@@ -185,67 +187,52 @@
class=property>hyphenate-last-line-avoid</code>’ property</a>
</ul>
- <li><a href="#new-counter-styles"><span class=secno>6. </span>New counter
- styles</a>
- <ul class=toc>
- <li><a href="#the-super-decimal-list-style-type"><span class=secno>6.1.
- </span>The ‘<code class=css>super-decimal</code>’
- list-style-type</a>
-
- <li><a href="#named-counter-styles"><span class=secno>6.2. </span>Named
- counter styles</a>
-
- <li><a href="#the-symbols-list-style-type"><span class=secno>6.3.
- </span>The ‘<code class=css>symbols()</code>’
- list-style-type</a>
- </ul>
-
- <li><a href="#page-marks-and-bleed-area"><span class=secno>7. </span>Page
+ <li><a href="#page-marks-and-bleed-area"><span class=secno>6. </span>Page
marks and bleed area</a>
- <li><a href="#bookmarks"><span class=secno>8. </span>Bookmarks</a>
+ <li><a href="#bookmarks"><span class=secno>7. </span>Bookmarks</a>
- <li><a href="#cmyk-colors"><span class=secno>9. </span>CMYK colors</a>
+ <li><a href="#cmyk-colors"><span class=secno>8. </span>CMYK colors</a>
- <li><a href="#styling-blank-pages"><span class=secno>10. </span>Styling
+ <li><a href="#styling-blank-pages"><span class=secno>9. </span>Styling
blank pages</a>
- <li><a href="#paged-presentations"><span class=secno>11. </span>Paged
+ <li><a href="#paged-presentations"><span class=secno>10. </span>Paged
presentations</a>
- <li><a href="#navigation-between-pages"><span class=secno>12.
+ <li><a href="#navigation-between-pages"><span class=secno>11.
</span>Navigation between pages</a>
<ul class=toc>
- <li><a href="#page-shift-effects"><span class=secno>12.1. </span>Page
+ <li><a href="#page-shift-effects"><span class=secno>11.1. </span>Page
shift effects</a>
</ul>
- <li><a href="#page-floats"><span class=secno>13. </span>Page floats</a>
+ <li><a href="#page-floats"><span class=secno>12. </span>Page floats</a>
<ul class=toc>
- <li><a href="#float-modifiers"><span class=secno>13.1. </span>Float
+ <li><a href="#float-modifiers"><span class=secno>12.1. </span>Float
modifiers</a>
- <li><a href="#floating-inside-and-outside-pages"><span class=secno>13.2.
+ <li><a href="#floating-inside-and-outside-pages"><span class=secno>12.2.
</span>Floating inside and outside pages</a>
- <li><a href="#multi-column-float-intrusion"><span class=secno>13.3.
+ <li><a href="#multi-column-float-intrusion"><span class=secno>12.3.
</span>Multi-column float intrusion</a>
- <li><a href="#the-float-offset-property"><span class=secno>13.4.
+ <li><a href="#the-float-offset-property"><span class=secno>12.4.
</span>The ‘<code class=property>float-offset</code>’
property</a>
</ul>
- <li><a href="#the-first-page-pseudo-element"><span class=secno>14.
+ <li><a href="#the-first-page-pseudo-element"><span class=secno>13.
</span>The ‘<code class=property>first-page</code>’
pseudo-element</a>
- <li><a href="#selecting-columns-and-pages"><span class=secno>15.
+ <li><a href="#selecting-columns-and-pages"><span class=secno>14.
</span>Selecting columns and pages</a>
- <li><a href="#conformance"><span class=secno>16. </span>Conformance</a>
+ <li><a href="#conformance"><span class=secno>15. </span>Conformance</a>
- <li><a href="#appendix-a-default-style-sheet"><span class=secno>17.
+ <li><a href="#appendix-a-default-style-sheet"><span class=secno>16.
</span>Appendix A: Default style sheet</a>
<li class=no-num><a href="#acknowledgments">Acknowledgments</a>
@@ -813,6 +800,11 @@
allowed:
<dl>
+ <dt>align
+
+ <dd>attempt to align corresponding glyphs from the leader pattern between
+ consecutive lines. This is the default value.
+
<dt>start
<dd>align leader string with the start
@@ -831,21 +823,18 @@
<dt>letter-space
- <dd>space out letters to take up all available space
-
- <dt>align
-
- <dd>attempt to align corresponding glyphs from the leader pattern between
- consecutive lines
+ <dd>add space between letters (both inside the string, and at the
+ start/end of the string) to take up all available space
</dl>
<div class=example>
<pre>
+heading::after { content: leader(dotted, align) }
heading::after { content: leader(dotted, start) }
heading::after { content: leader(dotted, end) }
heading::after { content: leader(dotted, center) }
-heading::after { content: leader(dotted, space) }
-heading::after { content: leader(dotted, pattern) }
+heading::after { content: leader(dotted, string-space) }
+heading::after { content: leader(dotted, letter-space) }
</pre>
</div>
@@ -1089,10 +1078,8 @@
property: ‘<code class=css>target-pull()</code>’
<li>border segments
-
- <li>two new ‘<code class=property>list-style-type</code>’
- values: ‘<code class=css>super-decimal</code>’, and
- symbol(...)
+ <!--<li>two new 'list-style-type' values: ''super-decimal'', and symbol(...)-->
+
</ul>
<div class=example>
@@ -1923,98 +1910,99 @@
<pre>
</pre>
</div>
- -->
- <h2 id=new-counter-styles><span class=secno>6. </span>New counter styles</h2>
+ --> <!--
+<h2>New counter styles</h2>
- <h3 id=the-super-decimal-list-style-type><span class=secno>6.1. </span>The
- ‘<code class=css>super-decimal</code>’ list-style-type</h3>
- <p class=issue>This section will be moved to css3-lists (<a
- href="http://lists.w3.org/Archives/Public/www-style/2009Jun/0186.html">minutes</a>)
-
+<h3>The ''super-decimal'' list-style-type</h3>
- <p>A new list-style-type, ‘<code
- class=css>super-decimal</code>’, is introduced to better support
- footnotes. Small, super-script footnote calls are common; the first three
- numbers have code points in Latin-1 and some font families have even more
- super-script glyphs. The ‘<code
- class=css>super-decimal</code>’ keyword allow these font resources
- to be used and replaces the use of ‘<code
- class=property>font-size</code>’ and ‘<code
- class=property>vertical-align</code>’ (which prohibit the use of
- special-purpose glyphs).
+<p class=issue>This section will be moved to css3-lists (<a href="http://lists.w3.org/Archives/Public/www-style/2009Jun/0186.html">minutes</a>)
- <div class=example> This example specifies that footnote markers should
- consist of super-script decimal numbers.
- <pre>
+<p>A new list-style-type, ''super-decimal'', is introduced to better support
+footnotes. Small, super-script footnote calls are common; the first
+three numbers have code points in Latin-1 and some font families have
+even more super-script glyphs. The ''super-decimal'' keyword allow
+these font resources to be used and replaces the use of 'font-size'
+and 'vertical-align' (which prohibit the use of special-purpose
+glyphs).
+
+<div class="example">
+This example specifies that footnote markers should consist of
+super-script decimal numbers.
+
+<pre>
::footnote-marker { content: counter(footnote, super-decimal) }
</pre>
- </div>
+</div>
- <p>Using super-script glyphs is optional; UAs may also scale and position
- other glyphs for use in footnote calls.
+<p>Using super-script glyphs is optional; UAs may also scale and position
+other glyphs for use in footnote calls.
- <h3 id=named-counter-styles><span class=secno>6.2. </span>Named counter
- styles</h3>
+-->
+ <!--
+<h3>Named counter styles</h3>
- <p>CSS defines a number of predefined list style types for the
- ‘<code class=property>list-style-type</code>’ property and
- other places where a list-style-type value is accepted. Some styles
- repeat the same glyph (e.g., ‘<code class=css>disc</code>’
- and ‘<code class=css>circle</code>’) while others have lists
- of glyphs (e.g., ‘<code class=css>decimal</code>’, and
- ‘<code class=css>lower-roman</code>’). To increase the range
- of lists that can be achieved through CSS without adding many new
- keywords, @counter-style rules are introduced. By using @counter-style, a
- style sheet can name new counter styles.
+<p>CSS defines a number of predefined list style types for the
+'list-style-type' property and other places where a list-style-type
+value is accepted. Some styles repeat the same glyph (e.g., ''disc''
+and ''circle'') while others have lists of glyphs (e.g., ''decimal'',
+and ''lower-roman''). To increase the range of lists that can be
+achieved through CSS without adding many new keywords,
+@counter-style rules are introduced. By using @counter-style, a style
+sheet can name new counter styles.
- <p>An @counter-style rule consists of the keyword ‘<code
- class=css>@counter-style</code>’, followed by the name of the
- symbol counter style, followed by a space-separated list of strings.
+<p>An @counter-style rule consists of the keyword ''@counter-style'',
+followed by the name of the symbol counter style, followed by a
+space-separated list of strings.
- <div class=example>
- <pre>
+<div class="example">
+
+<pre>
@counter-style daggers "*" "\2020" "\2021" "\A7" "#";
ol { list-style-type: daggers }
</pre>
- </div>
- <div class=example>
- <pre>
+</div>
+
+<div class="example">
+
+<pre>
@counter-style ordinal "1st" "2nd" "3rd" "4th";
h1:before { content: counter(chapter, ordinal) " chapter" }
</pre>
- </div>
- <p>The first string in the list represents number one, the second string
- represents number two, etc. Outside the range of specified values, the
- rendering will be as if the ‘<code class=css>decimal</code>’
- list style type had been specified.
+</div>
- <div class=example>
- <p>Consider this example:
+<p>The first string in the list represents number one, the second
+string represents number two, etc. Outside the range of specified values, the rendering
+will be as if the ''decimal'' list style type had been specified.
- <pre>
+<div class="example">
+<p>Consider this example:
+
+<pre>
@counter-style ordinal "1st" "2nd" "3rd" "4th";
ordered-list { counter-reset: items -1 }
list-item { counter-increment: items 2 }
</pre>
- <p>For a series of <tt>list-item</tt> elements inside an
- <tt>ordered-list</tt> element, the value of the <tt>items</tt> counter
- will be -1, 1, 3, 5, 7 etc. Given that the <tt>ordinal</tt> counter
- style only defines a counter style for 1, 2, 3, and 4, the list will be
- numbered "-1", "1st", "3rd", "5", "7" etc.
- </div>
+<p>For a series of <tt>list-item</tt> elements inside an
+<tt>ordered-list</tt> element, the value of the <tt>items</tt> counter
+will be -1, 1, 3, 5, 7 etc. Given that the <tt>ordinal</tt> counter
+style only defines a counter style for 1, 2, 3, and 4, the list will
+be numbered "-1", "1st", "3rd", "5", "7" etc.
- <p>Named counter styles can be imported through @import statements.
+</div>
- <div class=example>
- <pre>
+<p>Named counter styles can be imported through @import statements.
+
+<div class="example">
+<pre>
@import url(http://www.example.com/armenian-counters.css); /* defines 'armenian' */
ol { list-style-type: armenian }
</pre>
- </div>
+</div>
+-->
<!--
<div class="issue">Should we allow images in addition to strings?
<pre>
@@ -2022,33 +2010,38 @@
</pre>
</div>
-->
-
- <h3 id=the-symbols-list-style-type><span class=secno>6.3. </span>The
- ‘<code class=css>symbols()</code>’ list-style-type</h3>
+ <!--
+<h3>The ''symbols()'' list-style-type</h3>
- <p>A new list-style-type with a functional notation is introduced to avoid
- the indirection of having to name counter styles. The ‘<code
- class=css>symbols()</code>’ value takes a comma-separated list of
- strings as arguments.
+<p>A new list-style-type with a functional notation is introduced to
+avoid the indirection of having to name counter styles. The
+''symbols()'' value takes a comma-separated list of strings as
+arguments.
- <div class=example>
- <pre>
+
+<div class="example">
+<pre>
::footnote-call {
content: counter(footnote, symbols('*', '+', '!'))
}
</pre>
- </div>
+</div>
- <p>Outside the range of specified values, the rendering will be as if the
- ‘<code class=css>decimal</code>’ list style type had been
- specified.
+<p>Outside the range of specified values, the rendering will be as if
+the ''decimal'' list style type had been specified.
- <div class=example> This code:
- <pre>
+<div class="example">
+
+This code:
+
+<pre>
ol { list-style: symbols("*", "\2020", "\2021", "\A7", "#") }
</pre>
- will result in these list-items markers: * † ‡ § # 6 7
- 8 ...</div>
+
+will result in these list-items markers: * † ‡ § # 6 7 8 ...
+
+</div>
+-->
<!--
<p class="issue">Should there be a way to indicate the behavior if there are more items than strings? Proposals include: "alphabetic", "enumerate", "numeric", "cycle", "ideographic".
-->
@@ -2339,7 +2332,7 @@
-->
- <h2 id=page-marks-and-bleed-area><span class=secno>7. </span>Page marks
+ <h2 id=page-marks-and-bleed-area><span class=secno>6. </span>Page marks
and bleed area</h2>
<p>The ‘<a href="#marks"><code
@@ -2455,7 +2448,7 @@
<p>This property specifies the extent of the page bleed area outside the
page box. This property only has effect if crop marks are enabled.
- <h2 id=bookmarks><span class=secno>8. </span>Bookmarks</h2>
+ <h2 id=bookmarks><span class=secno>7. </span>Bookmarks</h2>
<p>Some document formats have the capability of holding bookmarks.
Bookmarks are typically shown outside the document itself, often a
@@ -2529,7 +2522,7 @@
<tr>
<td><em>Value:</em>
- <td>content() | attr() | <string>
+ <td>content() | <string>
<tr>
<td><em>Initial:</em>
@@ -2584,7 +2577,7 @@
<tr>
<td><em>Value:</em>
- <td>none | <uri> | <attr>
+ <td>none | <uri>
<tr>
<td><em>Initial:</em>
@@ -2614,8 +2607,8 @@
<tr>
<td><em>Computed value:</em>
- <td>For URI values, the absolute URI; for attr() values, the resulting
- URI or string; for other keywords, as specified.
+ <td>For URI values, the absolute URI; for ‘<code
+ class=property>none</code>’, as specified.
</table>
<p>This property specifies the target of the bookmark link.
@@ -2686,7 +2679,7 @@
</pre>
</div>
- <h2 id=cmyk-colors><span class=secno>9. </span>CMYK colors</h2>
+ <h2 id=cmyk-colors><span class=secno>8. </span>CMYK colors</h2>
<p>Printers do not use RGB colors, they (often) use CMYK: cyan, magenta,
yellow and black. The ‘<code class=css>device-cmyk()</code>’
@@ -2720,8 +2713,7 @@
<code>device-cmyk()</code> will use the second color (which is bluish).
</div>
- <h2 id=styling-blank-pages><span class=secno>10. </span>Styling blank
- pages</h2>
+ <h2 id=styling-blank-pages><span class=secno>9. </span>Styling blank pages</h2>
<p>Blank pages that appear as a result of forced page breaks can be styled
with the <code>:blank</code> pseudo-class.
@@ -2770,7 +2762,7 @@
edition"</code>.
</div>
- <h2 id=paged-presentations><span class=secno>11. </span>Paged
+ <h2 id=paged-presentations><span class=secno>10. </span>Paged
presentations</h2>
<p>Printed publications are paged, while screen-based presentations of web
@@ -2784,7 +2776,7 @@
to do so.
<p>To support paged presentations, four new values are added to the
- ‘<code class=property>overflow</code>’ property:
+ ‘<code class=property>overflow-style</code>’ property:
<dl>
<dt>paged-x
@@ -2810,7 +2802,10 @@
<p class=issue>Is "paginated" a better word?
- <p class=issue>Should controls be specified on a separate property?
+ <p class=issue>Should controls be specified on a separate property, or on
+ an attribute (like HTML's video element)?
+
+ <p class=issue>Should the axis (x/y) be specified on a separate property?
<div class=example>
<p>In this example, the root element is constrained to have the same
@@ -2821,7 +2816,7 @@
<pre>
html {
- overflow: paged-x;
+ overflow-style: paged-x;
height: 100%;
}
</pre>
@@ -2835,7 +2830,7 @@
<pre>
#content {
- overflow: paged-x-controls;
+ overflow-style: paged-x-controls;
height: 400px;
}
</pre>
@@ -2843,7 +2838,7 @@
<p>A paged container cannot be split over multiple columns.
- <h2 id=navigation-between-pages><span class=secno>12. </span>Navigation
+ <h2 id=navigation-between-pages><span class=secno>11. </span>Navigation
between pages</h2>
<p>Paged navigation within a page (as described above), can also be
@@ -2950,7 +2945,7 @@
</pre>
</div>
- <h3 id=page-shift-effects><span class=secno>12.1. </span>Page shift
+ <h3 id=page-shift-effects><span class=secno>11.1. </span>Page shift
effects</h3>
<p>To describe page shift effects, four new properties inside @navigation
@@ -2987,7 +2982,7 @@
</pre>
</div>
- <h2 id=page-floats><span class=secno>13. </span>Page floats</h2>
+ <h2 id=page-floats><span class=secno>12. </span>Page floats</h2>
<p>Images and figures are sometimes displayed at the top or bottom of
pages and columns. This specificaton adds new keywords on the
@@ -3104,7 +3099,7 @@
</pre>
</div>
- <h3 id=float-modifiers><span class=secno>13.1. </span>Float modifiers</h3>
+ <h3 id=float-modifiers><span class=secno>12.1. </span>Float modifiers</h3>
<p>These values on ‘<code class=property>float</code>’ can be
combined with one of ‘<code
@@ -3161,7 +3156,7 @@
<img src=13.png></div>
</dl>
- <h3 id=floating-inside-and-outside-pages><span class=secno>13.2.
+ <h3 id=floating-inside-and-outside-pages><span class=secno>12.2.
</span>Floating inside and outside pages</h3>
<p>Two allow content to flow to the inside and outside of a page, these
@@ -3188,7 +3183,7 @@
</pre>
</div>
- <h3 id=multi-column-float-intrusion><span class=secno>13.3.
+ <h3 id=multi-column-float-intrusion><span class=secno>12.3.
</span>Multi-column float intrusion</h3>
<p>A new value on ‘<code class=property>float</code>’ is
@@ -3221,7 +3216,7 @@
src=1.png>
</div>
- <h3 id=the-float-offset-property><span class=secno>13.4. </span>The
+ <h3 id=the-float-offset-property><span class=secno>12.4. </span>The
‘<a href="#float-offset"><code
class=property>float-offset</code></a>’ property</h3>
@@ -3339,7 +3334,7 @@
<!--
div.chapter:columns-page(1) { }
-->
- <h2 id=the-first-page-pseudo-element><span class=secno>14. </span>The
+ <h2 id=the-first-page-pseudo-element><span class=secno>13. </span>The
‘<code class=property>first-page</code>’ pseudo-element</h2>
<p>The ‘<code class=property>first-page</code>’ pseudo-element
@@ -3371,7 +3366,7 @@
</pre>
</div>
- <h2 id=selecting-columns-and-pages><span class=secno>15. </span>Selecting
+ <h2 id=selecting-columns-and-pages><span class=secno>14. </span>Selecting
columns and pages</h2>
<p class=issue>This is sketchy.
@@ -3451,11 +3446,11 @@
-->
- <h2 id=conformance><span class=secno>16. </span>Conformance</h2>
+ <h2 id=conformance><span class=secno>15. </span>Conformance</h2>
<p>TBD
- <h2 id=appendix-a-default-style-sheet><span class=secno>17.
+ <h2 id=appendix-a-default-style-sheet><span class=secno>16.
</span>Appendix A: Default style sheet</h2>
<pre>
@@ -3545,27 +3540,27 @@
<h2 class=no-num id=index>Index</h2>
<!--begin-index-->
<ul class=indexlist>
- <li>bleed, <a href="#bleed" title=bleed><strong>7.</strong></a>
+ <li>bleed, <a href="#bleed" title=bleed><strong>6.</strong></a>
<li>bookmark-label, <a href="#bookmark-label"
- title=bookmark-label><strong>8.</strong></a>
+ title=bookmark-label><strong>7.</strong></a>
<li>bookmark-level, <a href="#bookmark-level"
- title=bookmark-level><strong>8.</strong></a>
+ title=bookmark-level><strong>7.</strong></a>
<li>bookmark-state, <a href="#bookmark-state"
- title=bookmark-state><strong>8.</strong></a>
+ title=bookmark-state><strong>7.</strong></a>
<li>bookmark-target, <a href="#bookmark-target"
- title=bookmark-target><strong>8.</strong></a>
+ title=bookmark-target><strong>7.</strong></a>
<li>float-offset, <a href="#float-offset"
- title=float-offset><strong>13.4.</strong></a>
+ title=float-offset><strong>12.4.</strong></a>
<li>hyphenate-last-line-avoid, <a href="#hyphenate-last-line-avoid"
title=hyphenate-last-line-avoid><strong>5.8.</strong></a>
- <li>marks, <a href="#marks" title=marks><strong>7.</strong></a>
+ <li>marks, <a href="#marks" title=marks><strong>6.</strong></a>
<li>named strings, <a href="#named-strings0"
title="named strings"><strong>2.</strong></a>
@@ -3615,7 +3610,7 @@
<tr>
<th><a class=property href="#bookmark-label">bookmark-label</a>
- <td>content() | attr() | <string>
+ <td>content() | <string>
<td>content()
@@ -3660,7 +3655,7 @@
<tr>
<th><a class=property href="#bookmark-target">bookmark-target</a>
- <td>none | <uri> | <attr>
+ <td>none | <uri>
<td>none
Received on Monday, 14 November 2011 23:42:13 UTC