machine-generated version

Author: howcome

css-gcpm/Overview.html

@@ -162,63 +162,62 @@ <h2 class="no-num no-toc" id=table-of-contents><a name=contents>Table of
   <!--begin-toc-->
 
   <ul class=toc>
-   <li><a href="#introduction"><span class=secno>1. </span>Introduction</a>
+   <li class=no-num><a href="#introduction">Introduction</a>
 
-   <li><a href="#running-headers-and-footers"><span class=secno>2.
+   <li><a href="#running-headers-and-footers"><span class=secno>1.
     </span>Running headers and footers</a>
     <ul class=toc>
-     <li><a href="#named-strings"><span class=secno>2.1. </span>Named
+     <li><a href="#named-strings"><span class=secno>1.1. </span>Named
       strings</a>
       <ul class=toc>
        <li><a href="#setting-named-strings-the-string-set-pro"><span
-        class=secno>2.1.1. </span>Setting named strings: the ‘<code
+        class=secno>1.1.1. </span>Setting named strings: the ‘<code
         class=property>string-set</code>’ property</a>
 
-       <li><a href="#using-named-strings"><span class=secno>2.1.2.
+       <li><a href="#using-named-strings"><span class=secno>1.1.2.
         </span>Using named strings</a>
       </ul>
 
-     <li><a href="#running-elements"><span class=secno>2.2. </span>Running
+     <li><a href="#running-elements"><span class=secno>1.2. </span>Running
       elements</a>
     </ul>
 
-   <li><a href="#leaders"><span class=secno>3. </span>Leaders</a>
+   <li><a href="#leaders"><span class=secno>2. </span>Leaders</a>
 
-   <li><a href="#cross-references"><span class=secno>4.
+   <li><a href="#cross-references"><span class=secno>3.
     </span>Cross-references</a>
     <ul class=toc>
      <li><a href="#the-target-counter-and-target-counters-v"><span
-      class=secno>4.1. </span>The ‘<code class=css>target-counter</code>’
+      class=secno>3.1. </span>The ‘<code class=css>target-counter</code>’
       and ‘<code class=css>target-counters</code>’ values</a>
 
-     <li><a href="#the-target-text-value"><span class=secno>4.2. </span>The
+     <li><a href="#the-target-text-value"><span class=secno>3.2. </span>The
       ‘<code class=css>target-text</code>’ value</a>
     </ul>
 
-   <li><a href="#footnotes"><span class=secno>5. </span>Footnotes</a>
+   <li><a href="#footnotes"><span class=secno>4. </span>Footnotes</a>
     <ul class=toc>
-     <li><a href="#turning-elements-into-footnotes"><span class=secno>5.1.
+     <li><a href="#turning-elements-into-footnotes"><span class=secno>4.1.
       </span>Turning elements into footnotes</a>
 
-     <li><a href="#the-footnote-area"><span class=secno>5.2. </span>The
+     <li><a href="#the-footnote-area"><span class=secno>4.2. </span>The
       footnote area</a>
 
-     <li><a href="#footnote-calls"><span class=secno>5.3. </span>Footnote
+     <li><a href="#footnote-calls"><span class=secno>4.3. </span>Footnote
       calls</a>
 
-     <li><a href="#footnote-markers"><span class=secno>5.4. </span>Footnote
+     <li><a href="#footnote-markers"><span class=secno>4.4. </span>Footnote
       markers</a>
 
-     <li><a href="#counting-footnotes"><span class=secno>5.5. </span>Counting
+     <li><a href="#counting-footnotes"><span class=secno>4.5. </span>Counting
       footnotes</a>
 
-     <li><a href="#laying-out-footnotes"><span class=secno>5.6. </span>Laying
+     <li><a href="#laying-out-footnotes"><span class=secno>4.6. </span>Laying
       out footnotes</a>
-
-     <li><a href="#footnote-magic"><span class=secno>5.7. </span>Footnote
-      magic</a>
     </ul>
 
+   <li><a href="#sidenotes"><span class=secno>5. </span>Sidenotes</a>
+
    <li><a href="#page-marks-and-bleed-area"><span class=secno>6. </span>Page
     marks and bleed area</a>
 
@@ -338,7 +337,7 @@ <h2 class="no-num no-toc" id=table-of-contents><a name=contents>Table of
   </ul>
   <!--end-toc-->
 
-  <h2 id=introduction><span class=secno>1. </span>Introduction</h2>
+  <h2 class=no-num id=introduction>Introduction</h2>
 
   <p>(This section is not normative.)
 
@@ -347,7 +346,7 @@ <h2 id=introduction><span class=secno>1. </span>Introduction</h2>
    types, and border segments) may also used with other media types. However,
    this specification is monstly concerned with paged media.
 
-  <h2 id=running-headers-and-footers><span class=secno>2. </span>Running
+  <h2 id=running-headers-and-footers><span class=secno>1. </span>Running
    headers and footers</h2>
 
   <p>To aid navigation in printed material, headers and footers are often
@@ -362,7 +361,7 @@ <h2 id=running-headers-and-footers><span class=secno>2. </span>Running
    <em>moves</em> elements (with style, structure, and replaced content) into
    a margin box.
 
-  <h3 id=named-strings><span class=secno>2.1. </span>Named strings</h3>
+  <h3 id=named-strings><span class=secno>1.1. </span>Named strings</h3>
   <!--
 <p>Named strings are discussed both in the CSS3 Generated and Replaced
 Content (section 9) and in CSS3 Paged Media (several places). For a
@@ -392,7 +391,7 @@ <h3 id=named-strings><span class=secno>2.1. </span>Named strings</h3>
 </pre>
   </div>
 
-  <h4 id=setting-named-strings-the-string-set-pro><span class=secno>2.1.1.
+  <h4 id=setting-named-strings-the-string-set-pro><span class=secno>1.1.1.
    </span>Setting named strings: the ‘<a href="#string-set"><code
    class=property>string-set</code></a>’ property</h4>
 
@@ -598,7 +597,7 @@ <h4 id=setting-named-strings-the-string-set-pro><span class=secno>2.1.1.
 </pre>
   </div>
 
-  <h4 id=using-named-strings><span class=secno>2.1.2. </span>Using named
+  <h4 id=using-named-strings><span class=secno>1.1.2. </span>Using named
    strings</h4>
 
   <p>The content of named strings can be recalled by using the ‘<code
@@ -801,7 +800,7 @@ <h4 id=using-named-strings><span class=secno>2.1.2. </span>Using named
    class=css>string()</code>’ value has not been assigned a value, the
    empty string is used.
 
-  <h3 id=running-elements><span class=secno>2.2. </span>Running elements</h3>
+  <h3 id=running-elements><span class=secno>1.2. </span>Running elements</h3>
 
   <p>Named strings, as described above, can only hold textual content; any
    style, structure or replaced content associated with the element is
@@ -922,7 +921,7 @@ <h3 id=running-elements><span class=secno>2.2. </span>Running elements</h3>
    the second "span" element still sets the exit value for "header" and this
    value is used on subsequent pages.</div>
 
-  <h2 id=leaders><span class=secno>3. </span>Leaders</h2>
+  <h2 id=leaders><span class=secno>2. </span>Leaders</h2>
 
   <p>A leader is a visual pattern that guides the eye. Typically, leaders are
    used to visually connect an entry in a list with a corresponding code. For
@@ -1157,15 +1156,15 @@ <h2 id=leaders><span class=secno>3. </span>Leaders</h2>
 </pre>
   </div>
 
-  <h2 id=cross-references><span class=secno>4. </span>Cross-references</h2>
+  <h2 id=cross-references><span class=secno>3. </span>Cross-references</h2>
 
   <p>It is common to refer to other parts of a document by way of a section
    number (e.g., "See section 3.4.1"), a page number (e.g., "See discussion
    on page 72"), or a string (e.g., "See the chapter on Europe"). Being able
    to resolve these cross-references automatically saves time and reduces the
    number of errors.
 
-  <h3 id=the-target-counter-and-target-counters-v><span class=secno>4.1.
+  <h3 id=the-target-counter-and-target-counters-v><span class=secno>3.1.
    </span>The ‘<code class=css>target-counter</code>’ and ‘<code
    class=css>target-counters</code>’ values</h3>
 
@@ -1201,7 +1200,7 @@ <h3 id=the-target-counter-and-target-counters-v><span class=secno>4.1.
 </pre>
   </div>
 
-  <h3 id=the-target-text-value><span class=secno>4.2. </span>The ‘<code
+  <h3 id=the-target-text-value><span class=secno>3.2. </span>The ‘<code
    class=css>target-text</code>’ value</h3>
 
   <p>Textual cross-references are generated by ‘<code
@@ -1236,7 +1235,7 @@ <h3 id=the-target-text-value><span class=secno>4.2. </span>The ‘<code
 </pre>
   </div>
 
-  <h2 id=footnotes><span class=secno>5. </span>Footnotes</h2>
+  <h2 id=footnotes><span class=secno>4. </span>Footnotes</h2>
 
   <p>When an element is turned into a footnote, certain magical things
    happen. The element is moved to the footnote area, a footnote call is left
@@ -1346,7 +1345,7 @@ <h2 id=footnotes><span class=secno>5. </span>Footnotes</h2>
 </pre>
   </div>
 
-  <h3 id=turning-elements-into-footnotes><span class=secno>5.1.
+  <h3 id=turning-elements-into-footnotes><span class=secno>4.1.
    </span>Turning elements into footnotes</h3>
 
   <p>An element with ‘<code class=css>float: footnote</code>’ (called a
@@ -1396,7 +1395,7 @@ <h3 id=turning-elements-into-footnotes><span class=secno>5.1.
   <p>For each new footnote element, the ‘<code class=css>footnote</code>’
    counter is automatically incremented.
 
-  <h3 id=the-footnote-area><span class=secno>5.2. </span>The footnote area</h3>
+  <h3 id=the-footnote-area><span class=secno>4.2. </span>The footnote area</h3>
 
   <p>All elements with ‘<code class=css>float: footnote</code>’ are moved
    to the <em>footnote area</em>. The footnote area is described by an
@@ -1518,7 +1517,7 @@ <h3 id=the-footnote-area><span class=secno>5.2. </span>The footnote area</h3>
 table or float instead of the bottom of the page.
 -->
 
-  <h3 id=footnote-calls><span class=secno>5.3. </span>Footnote calls</h3>
+  <h3 id=footnote-calls><span class=secno>4.3. </span>Footnote calls</h3>
 
   <p>When an element is moved to the footnote area, a <em>footnote-call</em>
    is left behind. By default, User Agents must behave as if this code is
@@ -1532,7 +1531,7 @@ <h3 id=footnote-calls><span class=secno>5.3. </span>Footnote calls</h3>
 
   <p>The resulting note call is a super-script decimal number.
 
-  <h3 id=footnote-markers><span class=secno>5.4. </span>Footnote markers</h3>
+  <h3 id=footnote-markers><span class=secno>4.4. </span>Footnote markers</h3>
 
   <p>A ::footnote-marker pseudo-element is added to each footnote element, in
    the same place, and replacing, the ::before pseudo-element. User agents
@@ -1561,7 +1560,7 @@ <h3 id=footnote-markers><span class=secno>5.4. </span>Footnote markers</h3>
    suggested: the <em>margin</em> box of the marker box is horizontally
    aligned with the start of the line box.
 
-  <h3 id=counting-footnotes><span class=secno>5.5. </span>Counting footnotes</h3>
+  <h3 id=counting-footnotes><span class=secno>4.5. </span>Counting footnotes</h3>
 
   <p>The "footnote" counter is automatically incremented each time a footnote
    is generated. That is, the "footnote" counter is incremented by one each
@@ -1598,7 +1597,7 @@ <h3 id=counting-footnotes><span class=secno>5.5. </span>Counting footnotes</h3>
 </div>
 -->
 
-  <h3 id=laying-out-footnotes><span class=secno>5.6. </span>Laying out
+  <h3 id=laying-out-footnotes><span class=secno>4.6. </span>Laying out
    footnotes</h3>
 
   <p>Footnotes must appear as early as possible under the following
@@ -1624,32 +1623,30 @@ <h3 id=laying-out-footnotes><span class=secno>5.6. </span>Laying out
     empty, unless its ‘<code class=property>max-height</code>’ is too
     small.
   </ol>
+  <!--
+<h3>Footnote magic</h3>
+
+<p>When an element is turned into a footnote, certain magical things
+happen. The element is moved to the footnote area, a footnote call is
+left behind in its place, a footnote marker is displayed before the
+element, and the footnote counter is incremented.
+
+<p>When rendering footnotes, User Agents may apply certain heuristics
+to improve the presentation. For example, the space between a
+footnote-call and surrounding text may be adjusted. Another example is
+the height of the footnote area; it may be heuristically constrained
+to limit the area that is used for footnotes.
+-->
 
-  <h3 id=footnote-magic><span class=secno>5.7. </span>Footnote magic</h3>
-
-  <p>When an element is turned into a footnote, certain magical things
-   happen. The element is moved to the footnote area, a footnote call is left
-   behind in its place, a footnote marker is displayed before the element,
-   and the footnote counter is incremented.
-
-  <p>When rendering footnotes, User Agents may apply certain heuristics to
-   improve the presentation. For example, the space between a footnote-call
-   and surrounding text may be adjusted. Another example is the height of the
-   footnote area; it may be heuristically constrained to limit the area that
-   is used for footnotes. <!--
-<h2>Sidenotes</h2>
-
-<p>Sidenotes are supported the same way as footnotes; only the name
-and the settings in the default style sheet differentiates the two.
+  <h2 id=sidenotes><span class=secno>5. </span>Sidenotes</h2>
 
-<p class=note>The motivation for having another page-based area into
-which content can be floated is that footnotes and sidenotes are
-often used in the same document.
+  <p>Sidenotes are supported the same way as footnotes; only the name and the
+   settings in the default style sheet differentiates the two.
 
-<div class="example">
-<p>This example moves images to the outside margin of pages:
+  <div class=example>
+   <p>This example moves images to the outside margin of pages:
 
-<pre>
+   <pre>
 @page :left {
   margin-left: 10em;
   @sidenote { position: fixed; left: -8em; width: 6em }
@@ -1660,17 +1657,17 @@ <h2>Sidenotes</h2>
 }
 img { float: sidenote }
 </pre>
-</div>
 
-<p class=note>The reason for having both a footnote and a sidenote area
-on every page is that some documents use both.
+   <p>It is important to note that it is the sidenote area that is descibed
+    by @sidenote, and not the elements that are floated into the sidenote
+    area.
+  </div>
 
-<p class=issue>Should there be a mechanism to create new areas like
-footnote/sidenote, or are two "magic" areas enough?
+  <p class=issue>Should there be a mechanism to create new areas like
+   footnote/sidenote, or are two predefinded areas enough? <!--
+<h2>Hyphenation</h2>
 -->
    <!--
-<h2>Hyphenation</h2>
---> <!--
 <table class=hyphenate>
 <tr><th>CSS<th>XSL<th>DSSSL
 <tr><th>hyphens<th>hyphenate<th>hyphenate
@@ -4482,7 +4479,7 @@ <h2 id=selecting-pages><span class=secno>17. </span>Selecting pages</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 a certain page generate by a certain element.
+   selecting the nth page of a certiain type.
 
   <p>The ‘<code class=property>first-page</code>’ pseudo-element is
    similar to the ‘<code class=property>first-letter</code>’ and ‘<code
@@ -4755,13 +4752,13 @@ <h2 class=no-num id=index>Index</h2>
    <li>marks, <a href="#marks" title="section 6."><strong>6.</strong></a>
 
    <li>named strings, <a href="#named-strings0"
-    title="section 2."><strong>2.</strong></a>
+    title="section 1."><strong>1.</strong></a>
 
    <li>running elements, <a href="#running-elements0"
-    title="section 2."><strong>2.</strong></a>
+    title="section 1."><strong>1.</strong></a>
 
    <li>string-set, <a href="#string-set"
-    title="section 2.1.1."><strong>2.1.1.</strong></a>
+    title="section 1.1.1."><strong>1.1.1.</strong></a>
   </ul>
   <!--end-index-->