[css-gcpm] Add UA stylesheet, update link to latinreq, replace faux-superscripts with real superscripts in default rendering of footnote-calls.

--HG--
extra : rebase_source : 43a35e31ed5f3bd0a5a45b7f48c4d540b78e55ad

Author: dauwhe

css-gcpm/Overview.html

@@ -54,7 +54,7 @@
 </p>
   <h1 class="p-name no-ref" id=title>CSS Generated Content for Paged Media Module</h1>
   <h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
-    <span class=dt-updated><span class=value-title title=20140211>11 February 2014</span></span></span></h2>
+    <span class=dt-updated><span class=value-title title=20140304>4 March 2014</span></span></span></h2>
   <div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css-gcpm/>http://dev.w3.org/csswg/css-gcpm/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/css-gcpm/>http://dev.w3.org/csswg/css-gcpm/</a><dt>Previous Versions:<dd><a href=https://dvcs.w3.org/hg/csswg/raw-file/6a5c44d11c2b/css-gcpm/Overview.html rel=previous>https://dvcs.w3.org/hg/csswg/raw-file/6a5c44d11c2b/css-gcpm/Overview.html</a><dd><a href=http://www.w3.org/TR/2011/WD-css3-gcpm-20111129/ rel=previous>http://www.w3.org/TR/2011/WD-css3-gcpm-20111129/</a>
     <dt>Feedback:</dt>
         <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-gcpm%5D%20feedback">www-style@w3.org</a>
@@ -166,7 +166,7 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=contents><span class
 bookmark-label
 </a><li><a href=#bookmark-state><span class=secno>6.3</span>
 bookmark-state
-</a></ul><li><a href=#changes><span class=secno></span>Changes</a><li><a href=#acknowledgments><span class=secno></span>
+</a></ul><li><a href=#ua-stylesheet><span class=secno></span>Appendix A: Default UA Stylesheet</a><li><a href=#changes><span class=secno></span>Appendix B: Changes</a><li><a href=#acknowledgments><span class=secno></span>
 Acknowledgments
 </a><li><a href=#conformance><span class=secno></span>
 Conformance</a><ul class=toc><li><a href=#conventions><span class=secno></span>
@@ -250,7 +250,8 @@ <h5 class="heading settled heading" data-level=1.1.1.1 id=content-function-heade
 	<dd>The first letter of the element, as defined for the <code><a href=http://www.w3.org/TR/css3-selectors/#first-letter>::first-letter</a></code> pseudo-element </dd>
 </dl>
 
-<p>The content values of named strings are assigned at the point when the content box of the element is created (or would have been created if the element’s display value is none). The <dfn data-dfn-type=dfn data-noexport="" id=entry-value>entry value<a class=self-link href=#entry-value></a></dfn> for a page is the assignment in effect at the end of the previous page. The <dfn data-dfn-type=dfn data-noexport="" id=exit-value>exit value<a class=self-link href=#exit-value></a></dfn> for a page is the assignment in effect at the end of the current page. 
+<p>The content values of named strings are assigned at the point when the content box of the element is first created (or would have been created if the element’s display value is none). The <dfn data-dfn-type=dfn data-noexport="" id=entry-value>entry value<a class=self-link href=#entry-value></a></dfn> for a page is the assignment in effect at the end of the previous page. The <dfn data-dfn-type=dfn data-noexport="" id=exit-value>exit value<a class=self-link href=#exit-value></a></dfn> for a page is the assignment in effect at the end of the current page. 
+
 
 
 <p>Whenever the value of the element changes, the value of the named string(s) is updated. User agents must be able to recall many values of the named string, as the <a class=css data-link-type=maybe href=#funcdef-string title=string()>string()</a> function can return past, current, or future values of the assignment. 
@@ -287,13 +288,15 @@ <h4 class="heading settled heading" data-level=1.1.2 id=string-function><span cl
 	<dt id=string-first><a class=self-link href=#string-first></a>first</dt>
 	<dd>The value of the first assignment on the page is used. If there is no assignment on the page, the <a class=css data-link-type=maybe href=#entry-value title="entry value">entry value</a> is used. <code>first</code> is the default value.</dd>
 	<dt id=string-start><a class=self-link href=#string-start></a>start</dt>
-	<dd>If the element is the first element on the page, the value of the first assignment is used. Otherwise the <a class=css data-link-type=maybe href=#entry-value title="entry value">entry value</a> is used. The <a class=css data-link-type=maybe href=#entry-value title="entry value">entry value</a> may be empty if the element hasn’t yet appeared.</dd>
+	<dd>If the element is the first element on the page, the value of the first assignment is used. Otherwise the <a class=css data-link-type=maybe href=#entry-value title="entry value">entry value</a> is used. The <a class=css data-link-type=maybe href=#entry-value title="entry value">entry value</a> may be empty if the element hasn’t yet appeared. </dd>
 	<dt id=string-last><a class=self-link href=#string-last></a>last</dt>
 	<dd>The <a class=css data-link-type=maybe href=#exit-value title="exit value">exit value</a> of the named string is used.</dd>
 	<dt id=string-first-except><a class=self-link href=#string-first-except></a>first-except</dt>
 	<dd>This is identical to <code>first</code>, except that the empty string is used on the page where the value is assigned.</dd>
 </dl>
 
+
+
 <div class=example>
 CSS:
 <pre>@page {
@@ -328,6 +331,10 @@ <h4 class="heading settled heading" data-level=1.1.2 id=string-function><span cl
 
 </div>
 
+<div class=example>
+<pre>TK
+</pre></div>
+
 <h3 class="heading settled heading" data-level=1.2 id=running-elements><span class=secno>1.2 </span><span class=content>
 	Running elements
 </span><a class=self-link href=#running-elements></a></h3>
@@ -369,7 +376,7 @@ <h2 class="heading settled heading" data-level=2 id=footnotes><span class=secno>
 
 <h3 class="heading settled heading" data-level=2.1 id=footnote-terms><span class=secno>2.1 </span><span class=content>Terminology</span><a class=self-link href=#footnote-terms></a></h3>
 
-<p>Footnotes are <a href=http://w3c.github.io/dpub-pagination/index.html#footnotes>complex objects</a>, so it will be helpful to define some terms before proceeding. 
+<p>Footnotes are complex objects (see the <a href=http://www.w3.org/TR/2014/WD-dpub-latinreq-20140313/#footnotes>footnote section</a> at <a data-biblio-type=informative data-link-type=biblio href=#dpub-latinreq title=dpub-latinreq>[dpub-latinreq]</a>), so it will be helpful to define some terms before proceeding. 
 
 </p><figure>
 
@@ -432,19 +439,15 @@ <h3 class="heading settled heading" data-level=2.2 id=creating-footnotes><span c
 <h3 class="heading settled heading" data-level=2.3 id=footnote-types><span class=secno>2.3 </span><span class=content>
 	Types of footnotes
 </span><a class=self-link href=#footnote-types></a></h3>
-The following new values of the <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visuren.html#propdef-float title=float>float</a> property create a footnote element: 
+The following new value of the <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visuren.html#propdef-float title=float>float</a> property creates a footnote element: 
 
-<table class="definition propdef partial"><tr><th>Name:<td><a class=css-code data-link-type=property href=http://www.w3.org/TR/CSS21/visuren.html#propdef-float title=float>float</a><tr><th>New values:<td>footnote | inline-footnote<tr><th>Inherited:<td>no<tr><th>Percentages:<td>N/A<tr><th>Media:<td>paged<tr><th>Initial:<td>none<tr><th>Computed value:<td>specified value<tr><th>Applies to:<td>elements</table> <dl data-dfn-for=float data-dfn-type=value> 
+<table class="definition propdef partial"><tr><th>Name:<td><a class=css-code data-link-type=property href=http://www.w3.org/TR/CSS21/visuren.html#propdef-float title=float>float</a><tr><th>New values:<td>footnote<tr><th>Inherited:<td>no<tr><th>Percentages:<td>N/A<tr><th>Media:<td>paged<tr><th>Initial:<td>none<tr><th>Computed value:<td>specified value<tr><th>Applies to:<td>elements</table> <dl data-dfn-for=float data-dfn-type=value> 
 	<dt><dfn class=css-code data-dfn-for=float data-dfn-type=value data-export="" id=valuedef-footnote>footnote<a class=self-link href=#valuedef-footnote></a></dfn></dt>
 	<dd>each footnote element is placed in the footnote area of the page as a block element.</dd>
-	<dt><dfn class=css-code data-dfn-for=float data-dfn-type=value data-export="" id=valuedef-inline-footnote>inline-footnote<a class=self-link href=#valuedef-inline-footnote></a></dfn></dt>
-	<dd>each footnote element is placed in the footnote area of the page as an inline element.</dd>
 
 
-	<figure>
-	<img alt="inline footnotes" src=inline-footnote.jpg width=480>
-	<figcaption>Inline footnotes</figcaption>
-	</figure>
+	
+
 
 </dl>
 
@@ -505,22 +508,23 @@ <h3 class="heading settled heading" data-level=2.6 id=footnote-call><span class=
 <div class=example>
 <pre>::footnote-call {
 content: counter(footnote);
-vertical-align: super;
-font-size: 65%;
+vertical-align: baseline;
+font-size: 100%;
+line-height: inherit;
+font-variant-position: super;
 }
 </pre> </div>
-<p class=issue id=issue-29d8a728><a class=self-link href=#issue-29d8a728></a>
-	The previous ED required this to be styled as a “super-decimal” number, but I don’t think we need a dependency on that (and it’s been removed from CSS3-counter styles???). 
+
 <h3 class="heading settled heading" data-level=2.7 id=footnote-marker><span class=secno>2.7 </span><span class=content>
 	The <code>footnote-marker</code> pseudo-element
 </span><a class=self-link href=#footnote-marker></a></h3>
 The <code>::footnote-marker</code> pseudo-element represents the footnote element’s marker, the number or symbol that identifies each footnote. This pseudo-element behaves like a <code>::marker</code> pseudo-element, as defined in <a data-biblio-type=informative data-link-type=biblio href=#css3list title=css3list>[CSS3LIST]</a>. It is placed at the beginning of the superior parent’s content, and is inline by default. The <code>::footnote-marker</code> can be styled just as other <code>::marker</code> elements can be. The default style should include <code>list-style-position: inside</code>. 
 <div class=example>
-<pre>::footnote-call {
+<pre>::footnote-marker {
 content: counter(footnote);
 }
 
-::footnote-call::after {
+::footnote-marker::after {
 content: '. ';
 }
 </pre> </div>
@@ -873,10 +877,54 @@ <h3 class="heading settled heading" data-level=6.3 id=bookmark-state><span class
 </dl>
 
 
+<h2 class="no-num heading settled heading" id=ua-stylesheet><span class=content>Appendix A: Default UA Stylesheet</span><a class=self-link href=#ua-stylesheet></a></h2>
+
+<p>This appendix is informative, and is to help UA developers to implement a default stylesheet for HTML, but UA developers are free to ignore or modify as appropriate. </p>
+<div class=example>
+<pre>@page {
+  counter-reset: footnote;
+  @footnote {
+    counter-increment: footnote;
+    float: bottom;
+    column-span: all;
+    height: auto;
+  }
+}
+
+::footnote-marker {
+  content: counter(footnote);
+  list-style-position: inside;
+}
+
+::footnote-marker::after {
+  content: '. ';
+}
+
+::footnote-call {
+  content: counter(footnote);
+  vertical-align: super;
+  font-size: 65%;
+}
 
+@supports ( font-variant-position: super ) {
+  ::footnote-call {
+    content: counter(footnote);
+    vertical-align: baseline;
+    font-size: 100%;
+    line-height: inherit;
+    font-variant-position: super;
+  }
+}
 
+h1 { bookmark-level: 1 }
+h2 { bookmark-level: 2 }
+h3 { bookmark-level: 3 }
+h4 { bookmark-level: 4 }
+h5 { bookmark-level: 5 }
+h6 { bookmark-level: 6 }
+</pre></div>
 
-<h2 class="no-num heading settled heading" id=changes><span class=content>Changes</span><a class=self-link href=#changes></a></h2>
+<h2 class="no-num heading settled heading" id=changes><span class=content>Appendix B: Changes</span><a class=self-link href=#changes></a></h2>
 
 <p>  Changes since the <a href=https://dvcs.w3.org/hg/csswg/raw-file/6a5c44d11c2b/css-gcpm/Overview.html>24 September 2013 Editor’s Draft</a> are:
 
@@ -1130,7 +1178,7 @@ <h3 class="no-num no-ref heading settled heading" id=normative><span class=conte
 
 <h3 class="no-num no-ref heading settled heading" id=informative><span class=content>
 Informative References</span><a class=self-link href=#informative></a></h3>
-<div data-fill-with=informative-references><dl><dt id=css21 title=CSS21><a class=self-link href=#css21></a>[CSS21]<dd>Bert Bos; et al. <a href=http://www.w3.org/TR/2011/REC-CSS2-20110607>Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a>. 7 June 2011. W3C Recommendation. URL: <a href=http://www.w3.org/TR/2011/REC-CSS2-20110607>http://www.w3.org/TR/2011/REC-CSS2-20110607</a><dt id=css3color title=CSS3COLOR><a class=self-link href=#css3color></a>[CSS3COLOR]<dd>Tantek Çelik; Chris Lilley; L. David Baron. <a href=http://www.w3.org/TR/2011/REC-css3-color-20110607>CSS Color Module Level 3</a>. 7 June 2011. W3C Recommendation. URL: <a href=http://www.w3.org/TR/2011/REC-css3-color-20110607>http://www.w3.org/TR/2011/REC-css3-color-20110607</a><dt id=css3list title=CSS3LIST><a class=self-link href=#css3list></a>[CSS3LIST]<dd>Tab Atkins Jr.. <a href=http://www.w3.org/TR/2011/WD-css3-lists-20110524>CSS Lists and Counters Module Level 3</a>. 24 May 2011. W3C Working Draft. (Work in progress.) URL: <a href=http://www.w3.org/TR/2011/WD-css3-lists-20110524>http://www.w3.org/TR/2011/WD-css3-lists-20110524</a><dt id=css3page title=CSS3PAGE><a class=self-link href=#css3page></a>[CSS3PAGE]<dd>Melinda Grant; et al. <a href=http://www.w3.org/TR/2013/WD-css3-page-20130314/>CSS Paged Media Module Level 3</a>. 14 March 2013. W3C Working Draft. (Work in progress.) URL: <a href=http://www.w3.org/TR/2013/WD-css3-page-20130314/>http://www.w3.org/TR/2013/WD-css3-page-20130314/</a><dt id=css3syn title=CSS3SYN><a class=self-link href=#css3syn></a>[CSS3SYN]<dd>L. David Baron. <a href=http://www.w3.org/TR/2003/WD-css3-syntax-20030813>CSS3 module: Syntax</a>. 13 August 2003. W3C Working Draft. (Work in progress.) URL: <a href=http://www.w3.org/TR/2003/WD-css3-syntax-20030813>http://www.w3.org/TR/2003/WD-css3-syntax-20030813</a><dt id=css3val title=CSS3VAL><a class=self-link href=#css3val></a>[CSS3VAL]<dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a href=http://www.w3.org/TR/2013/CR-css3-values-20130730/>CSS Values and Units Module Level 3</a>. 30 July 2013. W3C Candidate Recommendation. (Work in progress.) URL: <a href=http://www.w3.org/TR/2013/CR-css3-values-20130730/>http://www.w3.org/TR/2013/CR-css3-values-20130730/</a></dl></div>
+<div data-fill-with=informative-references><dl><dt id=css21 title=CSS21><a class=self-link href=#css21></a>[CSS21]<dd>Bert Bos; et al. <a href=http://www.w3.org/TR/2011/REC-CSS2-20110607>Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a>. 7 June 2011. W3C Recommendation. URL: <a href=http://www.w3.org/TR/2011/REC-CSS2-20110607>http://www.w3.org/TR/2011/REC-CSS2-20110607</a><dt id=css3color title=CSS3COLOR><a class=self-link href=#css3color></a>[CSS3COLOR]<dd>Tantek Çelik; Chris Lilley; L. David Baron. <a href=http://www.w3.org/TR/2011/REC-css3-color-20110607>CSS Color Module Level 3</a>. 7 June 2011. W3C Recommendation. URL: <a href=http://www.w3.org/TR/2011/REC-css3-color-20110607>http://www.w3.org/TR/2011/REC-css3-color-20110607</a><dt id=css3list title=CSS3LIST><a class=self-link href=#css3list></a>[CSS3LIST]<dd>Tab Atkins Jr.. <a href=http://www.w3.org/TR/2011/WD-css3-lists-20110524>CSS Lists and Counters Module Level 3</a>. 24 May 2011. W3C Working Draft. (Work in progress.) URL: <a href=http://www.w3.org/TR/2011/WD-css3-lists-20110524>http://www.w3.org/TR/2011/WD-css3-lists-20110524</a><dt id=css3page title=CSS3PAGE><a class=self-link href=#css3page></a>[CSS3PAGE]<dd>Melinda Grant; et al. <a href=http://www.w3.org/TR/2013/WD-css3-page-20130314/>CSS Paged Media Module Level 3</a>. 14 March 2013. W3C Working Draft. (Work in progress.) URL: <a href=http://www.w3.org/TR/2013/WD-css3-page-20130314/>http://www.w3.org/TR/2013/WD-css3-page-20130314/</a><dt id=css3syn title=CSS3SYN><a class=self-link href=#css3syn></a>[CSS3SYN]<dd>L. David Baron. <a href=http://www.w3.org/TR/2003/WD-css3-syntax-20030813>CSS3 module: Syntax</a>. 13 August 2003. W3C Working Draft. (Work in progress.) URL: <a href=http://www.w3.org/TR/2003/WD-css3-syntax-20030813>http://www.w3.org/TR/2003/WD-css3-syntax-20030813</a><dt id=css3val title=CSS3VAL><a class=self-link href=#css3val></a>[CSS3VAL]<dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a href=http://www.w3.org/TR/2013/CR-css3-values-20130730/>CSS Values and Units Module Level 3</a>. 30 July 2013. W3C Candidate Recommendation. (Work in progress.) URL: <a href=http://www.w3.org/TR/2013/CR-css3-values-20130730/>http://www.w3.org/TR/2013/CR-css3-values-20130730/</a><dt id=dpub-latinreq title=dpub-latinreq><a class=self-link href=#dpub-latinreq></a>[dpub-latinreq]<dd>Dave Cramer. <a href=http://www.w3.org/TR/2014/WD-dpub-latinreq/>Requirements for Latin Text Layout and Pagination</a>. FPWD. URL: <a href=http://www.w3.org/TR/2014/WD-dpub-latinreq/>http://www.w3.org/TR/2014/WD-dpub-latinreq/</a></dl></div>
 
 <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
 Index</span><a class=self-link href=#index></a></h2>
@@ -1148,7 +1196,6 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
 <li>footnote, <a href=#valuedef-footnote title="section 2.3">2.3</a>
 <li>footnote counter, <a href=#footnote-counter title="section 2.5">2.5</a>
 <li>footnote-policy, <a href=#propdef-footnote-policy title="section 2.8">2.8</a>
-<li>inline-footnote, <a href=#valuedef-inline-footnote title="section 2.3">2.3</a>
 <li>leader(), <a href=#funcdef-leader title="section 4">4</a>
 <li>line, <a href=#footnote-policy-line title="section 2.8">2.8</a>
 <li>named string, <a href=#named-string title="section 1">1</a>
@@ -1179,9 +1226,7 @@ <h2 class="no-num heading settled" id=issues-index><span class=content>Issues In
 
 <div class=issue>Implementations that support footnotes generally support page floats like <code>float: bottom</code>. Page floats should end up above the footnote area. How might this be specified?<a href=#issue-165f8769> ↵ </a></div>
 
-<div class=issue>
-	The previous ED required this to be styled as a “super-decimal” number, but I don’t think we need a dependency on that (and it’s been removed from CSS3-counter styles???). 
-<a href=#issue-29d8a728> ↵ </a></div><div class=issue>We need an algorithm for laying out footnotes<a href=#issue-da883bb8> ↵ </a></div>
+<div class=issue>We need an algorithm for laying out footnotes<a href=#issue-da883bb8> ↵ </a></div>
 
 <div class=issue>
 Do leaders depend on the assumption that the content after the leader is right-aligned (end-aligned)?