[css-gcpm] add section on alternative syntax for running elements proposed by Bert Bos

--HG--
extra : rebase_source : 6bd1d1383516a67be405ff837593370acdb2ff2f

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=20140305>5 March 2014</span></span></span></h2>
+    <span class=dt-updated><span class=value-title title=20140311>11 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>
@@ -120,7 +120,7 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=contents><span class
 	Running elements
 </a><ul class=toc><li><a href=#running-syntax><span class=secno>1.2.1</span>
 The <span class=css data-link-type=maybe title=running()>running()</span> value
-</a><li><a href=#element-syntax><span class=secno>1.2.2</span>
+</a><li><a href=#alternative-syntax-running><span class=secno>1.2.2</span>Alternative Proposal from Bert Bos</a><li><a href=#element-syntax><span class=secno>1.2.3</span>
 The <span class=css data-link-type=maybe title=element()>element()</span> value
 </a></ul></ul><li><a href=#footnotes><span class=secno>2</span>
 	Footnotes
@@ -358,8 +358,39 @@ <h4 class="heading settled heading" data-level=1.2.1 id=running-syntax><span cla
 
 <pre class=prod>  <dfn class=css-code data-dfn-type=function data-export="" id=funcdef-running>running()<a class=self-link href=#funcdef-running></a></dfn> = string( <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#identifier-value title="<custom-ident>">&lt;custom-ident&gt;</a> )
 </pre> 
+<h4 class="heading settled heading" data-level=1.2.2 id=alternative-syntax-running><span class=secno>1.2.2 </span><span class=content>Alternative Proposal from Bert Bos</span><a class=self-link href=#alternative-syntax-running></a></h4>
 
-<h4 class="heading settled heading" data-level=1.2.2 id=element-syntax><span class=secno>1.2.2 </span><span class=content>
+<p>Bert Bos has proposed an alternative syntax, which allows both moving and copying elements into running heads. In the example below, h2 elements appear in their normal place in the document, but are also copied into running heads.
+
+<div class=example>
+<pre>
+h2 {
+display: block;
+running: chapter;
+font-size: 18pt;
+font-weight: bold;
+}
+
+h2:running {
+display: inline;
+font-size: 11pt;
+font-weight: normal;
+font-variant: small-caps;
+letter-spacing: 1pt;
+}
+
+@page {
+  @top-center {
+    content: element(chapter);
+    }
+  }
+</pre></div>
+
+
+<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-running>running<a class=self-link href=#propdef-running></a></dfn><tr><th>Value:<td><a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#identifier-value title="<custom-ident>">&lt;custom-ident&gt;</a><tr><th>Initial:<td>none<tr><th>Applies to:<td>elements<tr><th>Inherited:<td>no<tr><th>Media:<td>all<tr><th>Computed value:<td>specified value<tr><th>Percentages:<td>N/A</table> 
+
+
+<h4 class="heading settled heading" data-level=1.2.3 id=element-syntax><span class=secno>1.2.3 </span><span class=content>
 The <a class=css data-link-type=maybe href=#funcdef-element title=element()>element()</a> value
 </span><a class=self-link href=#element-syntax></a></h4>
 
@@ -1241,7 +1272,7 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
 <li>compact, <a href=#footnote-display-compact title="section 2.3">2.3</a>
 <li>content(), <a href=#funcdef-content title="section 1.1.1.1">1.1.1.1</a>
 <li>content-list, <a href=#content-list title="section 1.1.1">1.1.1</a>
-<li>element(), <a href=#funcdef-element title="section 1.2.2">1.2.2</a>
+<li>element(), <a href=#funcdef-element title="section 1.2.3">1.2.3</a>
 <li>entry value, <a href=#entry-value title="section 1.1.1.1">1.1.1.1</a>
 <li>exit value, <a href=#exit-value title="section 1.1.1.1">1.1.1.1</a>
 <li>footnote, <a href=#valuedef-footnote title="section 2.3">2.3</a>
@@ -1256,6 +1287,7 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
 <li>page group, <a href=#page-group title="section 3.2">3.2</a>
 <li>page selectors, <a href=#page-selectors0 title="section 3">3</a>
 <li>running(), <a href=#funcdef-running title="section 1.2.1">1.2.1</a>
+<li>running, <a href=#propdef-running title="section 1.2.2">1.2.2</a>
 <li>Running elements, <a href=#running-elements0 title="section 1">1</a>
 <li>string(), <a href=#funcdef-string title="section 1.1.2">1.1.2</a>
 <li>string-set, <a href=#propdef-string-set title="section 1.1.1">1.1.1</a>
@@ -1268,6 +1300,7 @@ <h2 class="no-num no-ref heading settled heading" id=property-index><span class=
 Property index</span><a class=self-link href=#property-index></a></h2>
 <div data-fill-with=property-index><table class="proptable data"><thead><tr><th scope=col>Name<th scope=col>Value<th scope=col>Initial<th scope=col>Applies to<th scope=col>Inh.<th scope=col>%ages<th scope=col>Media<th scope=col>Computed value<tbody>
 <tr><th scope=row><a data-property="">string-set</a><td>[[ &lt;custom-ident&gt; &lt;content-list&gt;] [, &lt;custom-ident&gt; &lt;content-list&gt;]* ] | none<td>none<td>all elements, but not pseudo-elements<td>no<td>N/A<td>all<td>specified value
+<tr><th scope=row><a data-property="">running</a><td>&lt;custom-ident&gt;<td>none<td>elements<td>no<td>N/A<td>all<td>specified value
 <tr><th scope=row><a data-property="">footnote-display</a><td>block | inline | compact<td>block<td>elements<td>no<td>N/A<td>paged<td>specified value
 <tr><th scope=row><a data-property="">footnote-policy</a><td>auto | line | block<td>auto<td>elements<td>no<td>N/A<td>paged<td>specified value
 <tr><th scope=row><a data-property="">bookmark-level</a><td>none | &lt;integer&gt;<td>none<td>all elements<td>no<td>N/A<td>paged<td>specified value

css-gcpm/Overview.src.html

@@ -233,6 +233,49 @@ <h4 id="running-syntax">
 	<dfn>running()</dfn> = string( <<custom-ident>> )
 </pre> 
 
+<h4 id="alternative-syntax-running">Alternative Proposal from Bert Bos</h4>
+
+Bert Bos has proposed an alternative syntax, which allows both moving and copying elements into running heads. In the example below, h2 elements appear in their normal place in the document, but are also copied into running heads.
+
+<div class="example">
+<pre>
+
+h2 {
+display: block;
+running: chapter;
+font-size: 18pt;
+font-weight: bold;
+}
+
+h2:running {
+display: inline;
+font-size: 11pt;
+font-weight: normal;
+font-variant: small-caps;
+letter-spacing: 1pt;
+}
+
+@page {
+  @top-center {
+    content: element(chapter);
+    }
+  }
+</pre>
+</div>
+
+
+<pre class="propdef">
+Name: <dfn id="running-property">running</dfn>
+Value: <<custom-ident>>
+Initial: none
+Applies to: elements
+Inherited: no
+Percentages: N/A
+Media: all
+Computed value: specified value
+</pre> 
+
+
 
 <h4 id="element-syntax">
 The ''element()'' value