Mercurial > drafts / changeset

     1.1 --- a/css-backgrounds-4/Overview.html	Thu May 23 14:32:43 2013 +0800
     1.2 +++ b/css-backgrounds-4/Overview.html	Thu May 23 16:53:37 2013 +0800
     1.3 @@ -11,13 +11,13 @@
     1.4    <meta content="CSS Backgrounds and Borders Module Level 4"
     1.5     name=dcterms.title>
     1.6    <meta content=text name=dcterms.type>
     1.7 -  <meta content=2012-11-14 name=dcterms.issued>
     1.8 +  <meta content=2012-11-14 name=dcterms.date>
     1.9    <meta content="Bert Bos" name=dcterms.creator>
    1.10    <meta content="Elika J. Etemad" name=dcterms.creator>
    1.11    <meta content="Brad Kemper" name=dcterms.creator>
    1.12    <meta content="Lea Verou" name=dcterms.creator>
    1.13    <meta content=W3C name=dcterms.publisher>
    1.14 -  <meta content="http://www.w3.org/TR/2012/ED-css4-background-20121114/"
    1.15 +  <meta content="http://dev.w3.org/csswg/css4-background/"
    1.16     name=dcterms.identifier>
    1.17    <link href="../default.css" rel=stylesheet type="text/css">
    1.18    <style type="text/css">
    1.19 @@ -36,13 +36,13 @@
    1.20  
    1.21     <h1>CSS Backgrounds and Borders Module Level 4</h1>
    1.22  
    1.23 -   <h2 class="no-num no-toc" id='longstatus-date'>Editor's Draft 14 November
    1.24 +   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 14 November
    1.25      2012</h2>
    1.26  
    1.27     <dl>
    1.28      <dt>This version:
    1.29  
    1.30 -    <dd><!-- <a href="http://www.w3.org/TR/2012/CR-css4-background-20121114">http://www.w3.org/TR/2012/ED-css4-background-20121114/</a> -->
    1.31 +    <dd><!-- <a href="http://www.w3.org/TR/2012/CR-css4-background-20121114">http://dev.w3.org/csswg/css4-background/</a> -->
    1.32       <a
    1.33       href="http://dev.w3.org/csswg/css4-background">http://dev.w3.org/csswg/css4-background</a>
    1.34  
    1.35 @@ -50,13 +50,15 @@
    1.36  
    1.37      <dd><a
    1.38       href="http://www.w3.org/TR/css4-background">http://www.w3.org/TR/css4-background/</a>
    1.39 -  <dt>Feedback:</dt>
    1.40 -    <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-backgrounds%5D%20feedback"
    1.41 -         >www-style@w3.org</a> 
    1.42 -         with subject line &ldquo;<kbd>[css-backgrounds] 
    1.43 -         <var>&hellip; message topic &hellip;</var></kbd>&rdquo;
    1.44 -         (<a rel="discussion" href="http://lists.w3.org/Archives/Public/www-style/"
    1.45 -           >archives</a>)
    1.46 +
    1.47 +    <dt>Feedback:
    1.48 +
    1.49 +    <dd><a
    1.50 +     href="mailto:www-style@w3.org?subject=%5Bcss-backgrounds%5D%20feedback">www-style@w3.org</a>
    1.51 +     with subject line “<kbd>[css-backgrounds] <var>… message topic
    1.52 +     …</var></kbd>” (<a
    1.53 +     href="http://lists.w3.org/Archives/Public/www-style/"
    1.54 +     rel=discussion>archives</a>)
    1.55  
    1.56      <dt id=editors-list>Editors:
    1.57  
    1.58 @@ -72,17 +74,42 @@
    1.59      <dd><a href="mailto:lea@w3.org">Lea Verou</a> (<a
    1.60       href="http://www.w3.org/">W3C</a>)
    1.61     </dl>
    1.62 -   <!--copyright-->
    1.63 +   <!--begin-copyright-->
    1.64 +   <p class=copyright><a
    1.65 +    href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
    1.66 +    rel=license>Copyright</a> © 2012 <a href="http://www.w3.org/"><abbr
    1.67 +    title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a
    1.68 +    href="http://www.csail.mit.edu/"><abbr
    1.69 +    title="Massachusetts Institute of Technology">MIT</abbr></a>, <a
    1.70 +    href="http://www.ercim.eu/"><abbr
    1.71 +    title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>,
    1.72 +    <a href="http://www.keio.ac.jp/">Keio</a>, <a
    1.73 +    href="http://ev.buaa.edu.cn/">Beihang</a>), All Rights Reserved. W3C <a
    1.74 +    href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
    1.75 +    <a
    1.76 +    href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>
    1.77 +    and <a
    1.78 +    href="http://www.w3.org/Consortium/Legal/copyright-documents">document
    1.79 +    use</a> rules apply.</p>
    1.80 +   <!--end-copyright-->
    1.81     <hr title="Separator for header">
    1.82    </div>
    1.83 -  <details class=obsolete open=open> <summary>Not Ready For
    1.84 -  Implementation</summary>
    1.85 -  <p> This spec is not yet ready for implementation. It exists in this
    1.86 -   repository to record the ideas and promote discussion.
    1.87 -
    1.88 -  <p> Before attempting to implement this spec, please contact the CSSWG at
    1.89 -   www-style@w3.org.
    1.90 -  </details>
    1.91 +  <!--
    1.92 +[Will this document use HTML4 or HTML5?]
    1.93 +[The text below is also in the status section, does it need to be repeated?]
    1.94 +
    1.95 +<details class=obsolete open>
    1.96 +  <summary>Not Ready For Implementation</summary>
    1.97 +  <p>
    1.98 +    This spec is not yet ready for implementation.
    1.99 +    It exists in this repository to record the ideas and promote discussion.
   1.100 +    
   1.101 +  <p>
   1.102 +    Before attempting to implement this spec,
   1.103 +    please contact the CSSWG at www-style@w3.org.
   1.104 +</details>
   1.105 +-->
   1.106 +
   1.107    <h2 class="no-num no-toc" id=abstract> Abstract</h2>
   1.108  
   1.109    <p>CSS is a language for describing the rendering of structured documents
   1.110 @@ -123,20 +150,22 @@
   1.111     “css4-background” in the subject, preferably like this:
   1.112     “[<!---->css4-background<!---->] <em>…summary of comment…</em>”
   1.113  
   1.114 -  <p>This document was produced by the <a href="/Style/CSS/members">CSS
   1.115 -   Working Group</a> (part of the <a href="/Style/">Style Activity</a>).
   1.116 +  <p>This document was produced by the <a
   1.117 +   href="http://www.w3.org/Style/CSS/members">CSS Working Group</a> (part of
   1.118 +   the <a href="http://www.w3.org/Style/">Style Activity</a>).
   1.119  
   1.120    <p>This document was produced by a group operating under the <a
   1.121 -   href="/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent
   1.122 -   Policy</a>. W3C maintains a <a href="/2004/01/pp-impl/32061/status"
   1.123 +   href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February
   1.124 +   2004 W3C Patent Policy</a>. W3C maintains a <a
   1.125 +   href="http://www.w3.org/2004/01/pp-impl/32061/status"
   1.126     rel=disclosure>public list of any patent disclosures</a> made in
   1.127     connection with the deliverables of the group; that page also includes
   1.128     instructions for disclosing a patent. An individual who has actual
   1.129     knowledge of a patent which the individual believes contains <a
   1.130 -   href="/Consortium/Patent-Policy-20040205/#def-essential">Essential
   1.131 +   href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential
   1.132     Claim(s)</a> must disclose the information in accordance with <a
   1.133 -   href="/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the
   1.134 -   W3C Patent Policy</a>.</p>
   1.135 +   href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section
   1.136 +   6 of the W3C Patent Policy</a>.</p>
   1.137    <!--end-status-->
   1.138  
   1.139    <h2 class="no-num no-toc" id=contents>Table of contents</h2>
   1.140 @@ -203,7 +232,7 @@
   1.141     <li><a href="#corners"><span class=secno>5. </span> Shaped Corners</a>
   1.142      <ul class=toc>
   1.143       <li><a href="#the-border-radius"><span class=secno>5.1. </span> The
   1.144 -      ‘<code class=property>border-radius</code>’ properties </a>
   1.145 +      ‘<code class=property>border-radius</code>’ properties</a>
   1.146  
   1.147       <li><a href="#corner-shaping"><span class=secno>5.2. </span> Corner
   1.148        Shaping</a>
   1.149 @@ -1205,6 +1234,45 @@
   1.150     class=css>background-clip</code></a>’ interacts with other
   1.151     comma-separated background properties to form each background image layer.
   1.152  
   1.153 +  <div class=issue>
   1.154 +   <p>There have been suggestions that automatic adaptation of a background
   1.155 +    to the writing mode and direction might be useful. I.e., rather than the
   1.156 +    author providing several mirrored and rotated versions of the same image,
   1.157 +    he only provides one image and lets the CSS renderer transform it.
   1.158 +
   1.159 +   <p>That could be done, e.g., with a new property ‘<code
   1.160 +    class=css>background-writing-mode</code>’ with as value a set of
   1.161 +    keywords to describe if and how an image adapts to the current value of
   1.162 +    ‘<code class=property>writing-mode</code>’ and ‘<code
   1.163 +    class=property>direction</code>’. (As many sets of keywords as there
   1.164 +    are background layers.) Possible values are:
   1.165 +
   1.166 +   <dl>
   1.167 +    <dt>ltr, rtl, rl-ltr, rl-rtl, lr-ltr, lr-rtl
   1.168 +
   1.169 +    <dd>Indicates the image is designed for, respectively, horizontal
   1.170 +     left-to-right elements, horizontal right-to-left elements, vertical
   1.171 +     left-to-right elements...
   1.172 +
   1.173 +    <dt>may-rotate
   1.174 +
   1.175 +    <dd>Indicates that the image may be rotated 90 degrees if the element's
   1.176 +     writing mode is diffferent from what the image was designed for.
   1.177 +
   1.178 +    <dt>may-mirror
   1.179 +
   1.180 +    <dd>Indicates that the image may be mirrored if the element's direction
   1.181 +     is different than what the image was designed for.
   1.182 +
   1.183 +    <dt>may-position
   1.184 +
   1.185 +    <dd>Indicates that the ‘<a href="#background-position"><code
   1.186 +     class=property>background-position</code></a>’ values can be rotated
   1.187 +     and/or mirrored if the element's writing-mode and/or direction is
   1.188 +     different from what the image was designed for.
   1.189 +   </dl>
   1.190 +  </div>
   1.191 +
   1.192    <h3 id=the-background-origin><span class=secno>3.8. </span> The ‘<a
   1.193     href="#background-origin"><code
   1.194     class=property>background-origin</code></a>’ property</h3>
   1.195 @@ -1918,7 +1986,7 @@
   1.196      <tr>
   1.197       <th>Value:
   1.198  
   1.199 -     <td><a href="#border-style"><var>&lt;border-style&gt;</var></a>
   1.200 +     <td><a href="#line-style"><var>&lt;line-style&gt;</var></a>
   1.201  
   1.202      <tr>
   1.203       <th>Initial:
   1.204 @@ -1961,7 +2029,7 @@
   1.205      <tr>
   1.206       <th>Value:
   1.207  
   1.208 -     <td><a href="#border-style"><var>&lt;border-style&gt;</var></a>{1,4}
   1.209 +     <td><a href="#line-style"><var>&lt;line-style&gt;</var></a>{1,4}
   1.210  
   1.211      <tr>
   1.212       <th>Initial:
   1.213 @@ -2006,7 +2074,7 @@
   1.214    <p>Where
   1.215  
   1.216    <pre class=prod><dfn
   1.217 -   id=border-style><var>&lt;border-style&gt;</var></dfn> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset</pre>
   1.218 +   id=line-style><var>&lt;line-style&gt;</var></dfn> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset</pre>
   1.219  
   1.220    <p>Values have the following meanings:
   1.221  
   1.222 @@ -2104,7 +2172,7 @@
   1.223      <tr>
   1.224       <th>Value:
   1.225  
   1.226 -     <td><a href="#border-width"><var>&lt;border-width&gt;</var></a>
   1.227 +     <td><a href="#line-width"><var>&lt;line-width&gt;</var></a>
   1.228  
   1.229      <tr>
   1.230       <th>Initial:
   1.231 @@ -2149,7 +2217,7 @@
   1.232      <tr>
   1.233       <th>Value:
   1.234  
   1.235 -     <td><a href="#border-width"><var>&lt;border-width&gt;</var></a>{1,4}
   1.236 +     <td><a href="#line-width"><var>&lt;line-width&gt;</var></a>{1,4}
   1.237  
   1.238      <tr>
   1.239       <th>Initial:
   1.240 @@ -2185,7 +2253,7 @@
   1.241    <p>These properties set the thickness of the border. Where
   1.242  
   1.243    <pre class=prod><dfn
   1.244 -   id=border-width><var>&lt;border-width&gt;</var></dfn> = <var>&lt;length&gt;</var> | thin | medium | thick</pre>
   1.245 +   id=line-width><var>&lt;line-width&gt;</var></dfn> = <var>&lt;length&gt;</var> | thin | medium | thick</pre>
   1.246  
   1.247    <p>The <var>&lt;length&gt;</var> may not be negative. The lengths
   1.248     corresponding to ‘<code class=css>thin</code>’, ‘<code
   1.249 @@ -2226,8 +2294,8 @@
   1.250      <tr>
   1.251       <th>Value:
   1.252  
   1.253 -     <td><a href="#border-width"><var>&lt;border-width&gt;</var></a> ||
   1.254 -      <a href="#border-style"><var>&lt;border-style&gt;</var></a> ||
   1.255 +     <td><a href="#line-width"><var>&lt;line-width&gt;</var></a> || <a
   1.256 +      href="#line-style"><var>&lt;line-style&gt;</var></a> ||
   1.257        <var>&lt;color&gt;</var>
   1.258  
   1.259      <tr>
   1.260 @@ -2275,8 +2343,8 @@
   1.261      <tr>
   1.262       <th>Value:
   1.263  
   1.264 -     <td><a href="#border-width"><var>&lt;border-width&gt;</var></a> ||
   1.265 -      <a href="#border-style"><var>&lt;border-style&gt;</var></a> ||
   1.266 +     <td><a href="#line-width"><var>&lt;line-width&gt;</var></a> || <a
   1.267 +      href="#line-style"><var>&lt;line-style&gt;</var></a> ||
   1.268        <var>&lt;color&gt;</var>
   1.269  
   1.270      <tr>
   1.271 @@ -4489,7 +4557,7 @@
   1.272    <!-- Sorted by label -->
   1.273  
   1.274    <dl class=bibliography>
   1.275 -   <dt style="display: none"><!-- keeps the doc valid if the DL is empty -->
   1.276 +   <dd style="display: none"><!-- keeps the doc valid if the DL is empty -->
   1.277      <!---->
   1.278  
   1.279     <dt id=CSS21>[CSS21]
   1.280 @@ -4527,7 +4595,7 @@
   1.281    <!-- Sorted by label -->
   1.282  
   1.283    <dl class=bibliography>
   1.284 -   <dt style="display: none"><!-- keeps the doc valid if the DL is empty -->
   1.285 +   <dd style="display: none"><!-- keeps the doc valid if the DL is empty -->
   1.286      <!---->
   1.287  
   1.288     <dt id=CSS1>[CSS1]
   1.289 @@ -4584,6 +4652,21 @@
   1.290  
   1.291     <tbody>
   1.292      <tr>
   1.293 +     <th><a class=property href="#background">background</a>
   1.294 +
   1.295 +     <td>[ &lt;bg-layer&gt; , ]* &lt;final-bg-layer&gt;
   1.296 +
   1.297 +     <td>see individual properties
   1.298 +
   1.299 +     <td>all elements
   1.300 +
   1.301 +     <td>no
   1.302 +
   1.303 +     <td>see individual properties
   1.304 +
   1.305 +     <td>visual
   1.306 +
   1.307 +    <tr>
   1.308       <th><a class=property
   1.309        href="#background-attachment">background-attachment</a>
   1.310  
   1.311 @@ -4707,26 +4790,179 @@
   1.312       <td>visual
   1.313  
   1.314      <tr>
   1.315 -     <th><a class=property href="#background">background</a>
   1.316 -
   1.317 -     <td>[ &lt;bg-layer&gt; , ]* &lt;final-bg-layer&gt;
   1.318 -
   1.319 -     <td>see individual properties
   1.320 +     <th><a class=property href="#border">border</a>
   1.321 +
   1.322 +     <td>&lt;line-width&gt; || &lt;line-style&gt; || &lt;color&gt;
   1.323 +
   1.324 +     <td>See individual properties
   1.325  
   1.326       <td>all elements
   1.327  
   1.328       <td>no
   1.329  
   1.330 -     <td>see individual properties
   1.331 +     <td>N/A
   1.332  
   1.333       <td>visual
   1.334  
   1.335      <tr>
   1.336 -     <th><a class=property href="#border-clip">border-clip</a>, <a
   1.337 -      class=property href="#border-clip-top">border-clip-top</a>, <a
   1.338 -      class=property href="#border-clip-right">border-clip-right</a>, <a
   1.339 -      class=property href="#border-clip-bottom">border-clip-bottom</a>, <a
   1.340 -      class=property href="#border-clip-left">border-clip-left</a>
   1.341 +     <th><a class=property href="#border-bottom">border-bottom</a>
   1.342 +
   1.343 +     <td>&lt;line-width&gt; || &lt;line-style&gt; || &lt;color&gt;
   1.344 +
   1.345 +     <td>See individual properties
   1.346 +
   1.347 +     <td>all elements
   1.348 +
   1.349 +     <td>no
   1.350 +
   1.351 +     <td>N/A
   1.352 +
   1.353 +     <td>visual
   1.354 +
   1.355 +    <tr>
   1.356 +     <th><a class=property
   1.357 +      href="#border-bottom-color">border-bottom-color</a>
   1.358 +
   1.359 +     <td>&lt;color&gt;
   1.360 +
   1.361 +     <td>currentColor
   1.362 +
   1.363 +     <td>all elements
   1.364 +
   1.365 +     <td>no
   1.366 +
   1.367 +     <td>N/A
   1.368 +
   1.369 +     <td>visual
   1.370 +
   1.371 +    <tr>
   1.372 +     <th><a class=property
   1.373 +      href="#border-bottom-left-radius">border-bottom-left-radius</a>
   1.374 +
   1.375 +     <td>[ &lt;length&gt; | &lt;percentage&gt; ] [ &lt;length&gt; |
   1.376 +      &lt;percentage&gt; ]?
   1.377 +
   1.378 +     <td>0
   1.379 +
   1.380 +     <td>all elements (but see prose)
   1.381 +
   1.382 +     <td>no
   1.383 +
   1.384 +     <td>Refer to corresponding dimension of the border box.
   1.385 +
   1.386 +     <td>visual
   1.387 +
   1.388 +    <tr>
   1.389 +     <th><a class=property
   1.390 +      href="#border-bottom-right-radius">border-bottom-right-radius</a>
   1.391 +
   1.392 +     <td>[ &lt;length&gt; | &lt;percentage&gt; ] [ &lt;length&gt; |
   1.393 +      &lt;percentage&gt; ]?
   1.394 +
   1.395 +     <td>0
   1.396 +
   1.397 +     <td>all elements (but see prose)
   1.398 +
   1.399 +     <td>no
   1.400 +
   1.401 +     <td>Refer to corresponding dimension of the border box.
   1.402 +
   1.403 +     <td>visual
   1.404 +
   1.405 +    <tr>
   1.406 +     <th><a class=property
   1.407 +      href="#border-bottom-style">border-bottom-style</a>
   1.408 +
   1.409 +     <td>&lt;line-style&gt;
   1.410 +
   1.411 +     <td>none
   1.412 +
   1.413 +     <td>all elements
   1.414 +
   1.415 +     <td>no
   1.416 +
   1.417 +     <td>N/A
   1.418 +
   1.419 +     <td>visual
   1.420 +
   1.421 +    <tr>
   1.422 +     <th><a class=property
   1.423 +      href="#border-bottom-width">border-bottom-width</a>
   1.424 +
   1.425 +     <td>&lt;line-width&gt;
   1.426 +
   1.427 +     <td>medium
   1.428 +
   1.429 +     <td>
   1.430 +
   1.431 +     <td>no
   1.432 +
   1.433 +     <td>N/A
   1.434 +
   1.435 +     <td>visual
   1.436 +
   1.437 +    <tr>
   1.438 +     <th><a class=property href="#border-clip">border-clip</a>
   1.439 +
   1.440 +     <td>normal | [ &lt;length&gt; | &lt;percentage&gt; | &lt;fraction&gt; ]+
   1.441 +
   1.442 +     <td>normal
   1.443 +
   1.444 +     <td>all elements
   1.445 +
   1.446 +     <td>no
   1.447 +
   1.448 +     <td>refer to length of border-edge side
   1.449 +
   1.450 +     <td>visual
   1.451 +
   1.452 +    <tr>
   1.453 +     <th><a class=property href="#border-clip-bottom">border-clip-bottom</a>
   1.454 +
   1.455 +     <td>normal | [ &lt;length&gt; | &lt;percentage&gt; | &lt;fraction&gt; ]+
   1.456 +
   1.457 +     <td>normal
   1.458 +
   1.459 +     <td>all elements
   1.460 +
   1.461 +     <td>no
   1.462 +
   1.463 +     <td>refer to length of border-edge side
   1.464 +
   1.465 +     <td>visual
   1.466 +
   1.467 +    <tr>
   1.468 +     <th><a class=property href="#border-clip-left">border-clip-left</a>
   1.469 +
   1.470 +     <td>normal | [ &lt;length&gt; | &lt;percentage&gt; | &lt;fraction&gt; ]+
   1.471 +
   1.472 +     <td>normal
   1.473 +
   1.474 +     <td>all elements
   1.475 +
   1.476 +     <td>no
   1.477 +
   1.478 +     <td>refer to length of border-edge side
   1.479 +
   1.480 +     <td>visual
   1.481 +
   1.482 +    <tr>
   1.483 +     <th><a class=property href="#border-clip-right">border-clip-right</a>
   1.484 +
   1.485 +     <td>normal | [ &lt;length&gt; | &lt;percentage&gt; | &lt;fraction&gt; ]+
   1.486 +
   1.487 +     <td>normal
   1.488 +
   1.489 +     <td>all elements
   1.490 +
   1.491 +     <td>no
   1.492 +
   1.493 +     <td>refer to length of border-edge side
   1.494 +
   1.495 +     <td>visual
   1.496 +
   1.497 +    <tr>
   1.498 +     <th><a class=property href="#border-clip-top">border-clip-top</a>
   1.499  
   1.500       <td>normal | [ &lt;length&gt; | &lt;percentage&gt; | &lt;fraction&gt; ]+
   1.501  
   1.502 @@ -4773,73 +5009,6 @@
   1.503       <td>visual
   1.504  
   1.505      <tr>
   1.506 -     <th><a class=property
   1.507 -      href="#border-image-outset">border-image-outset</a>
   1.508 -
   1.509 -     <td>[ &lt;length&gt; | &lt;number&gt; ]{1,4}
   1.510 -
   1.511 -     <td>0
   1.512 -
   1.513 -     <td>All elements, except internal table elements when
   1.514 -      ‘border-collapse’ is ‘collapse’
   1.515 -
   1.516 -     <td>no
   1.517 -
   1.518 -     <td>N/A
   1.519 -
   1.520 -     <td>visual
   1.521 -
   1.522 -    <tr>
   1.523 -     <th><a class=property
   1.524 -      href="#border-image-repeat">border-image-repeat</a>
   1.525 -
   1.526 -     <td>[ stretch | repeat | round | space ]{1,2}
   1.527 -
   1.528 -     <td>stretch
   1.529 -
   1.530 -     <td>All elements, except internal table elements when
   1.531 -      ‘border-collapse’ is ‘collapse’
   1.532 -
   1.533 -     <td>no
   1.534 -
   1.535 -     <td>N/A
   1.536 -
   1.537 -     <td>visual
   1.538 -
   1.539 -    <tr>
   1.540 -     <th><a class=property href="#border-image-slice">border-image-slice</a>
   1.541 -
   1.542 -     <td>[&lt;number&gt; | &lt;percentage&gt;]{1,4} &amp;&amp; fill?
   1.543 -
   1.544 -     <td>100%
   1.545 -
   1.546 -     <td>All elements, except internal table elements when
   1.547 -      ‘border-collapse’ is ‘collapse’
   1.548 -
   1.549 -     <td>no
   1.550 -
   1.551 -     <td>refer to size of the border image
   1.552 -
   1.553 -     <td>visual
   1.554 -
   1.555 -    <tr>
   1.556 -     <th><a class=property
   1.557 -      href="#border-image-source">border-image-source</a>
   1.558 -
   1.559 -     <td>none | &lt;image&gt;
   1.560 -
   1.561 -     <td>none
   1.562 -
   1.563 -     <td>All elements, except internal table elements when
   1.564 -      ‘border-collapse’ is ‘collapse’
   1.565 -
   1.566 -     <td>no
   1.567 -
   1.568 -     <td>N/A
   1.569 -
   1.570 -     <td>visual
   1.571 -
   1.572 -    <tr>
   1.573       <th><a class=property href="#border-image">border-image</a>
   1.574  
   1.575       <td>&lt;‘border-image-source’&gt; ||
   1.576 @@ -4858,6 +5027,73 @@
   1.577       <td>visual
   1.578  
   1.579      <tr>
   1.580 +     <th><a class=property
   1.581 +      href="#border-image-outset">border-image-outset</a>
   1.582 +
   1.583 +     <td>[ &lt;length&gt; | &lt;number&gt; ]{1,4}
   1.584 +
   1.585 +     <td>0
   1.586 +
   1.587 +     <td>All elements, except internal table elements when
   1.588 +      ‘border-collapse’ is ‘collapse’
   1.589 +
   1.590 +     <td>no
   1.591 +
   1.592 +     <td>N/A
   1.593 +
   1.594 +     <td>visual
   1.595 +
   1.596 +    <tr>
   1.597 +     <th><a class=property
   1.598 +      href="#border-image-repeat">border-image-repeat</a>
   1.599 +
   1.600 +     <td>[ stretch | repeat | round | space ]{1,2}
   1.601 +
   1.602 +     <td>stretch
   1.603 +
   1.604 +     <td>All elements, except internal table elements when
   1.605 +      ‘border-collapse’ is ‘collapse’
   1.606 +
   1.607 +     <td>no
   1.608 +
   1.609 +     <td>N/A
   1.610 +
   1.611 +     <td>visual
   1.612 +
   1.613 +    <tr>
   1.614 +     <th><a class=property href="#border-image-slice">border-image-slice</a>
   1.615 +
   1.616 +     <td>[&lt;number&gt; | &lt;percentage&gt;]{1,4} &amp;&amp; fill?
   1.617 +
   1.618 +     <td>100%
   1.619 +
   1.620 +     <td>All elements, except internal table elements when
   1.621 +      ‘border-collapse’ is ‘collapse’
   1.622 +
   1.623 +     <td>no
   1.624 +
   1.625 +     <td>refer to size of the border image
   1.626 +
   1.627 +     <td>visual
   1.628 +
   1.629 +    <tr>
   1.630 +     <th><a class=property
   1.631 +      href="#border-image-source">border-image-source</a>
   1.632 +
   1.633 +     <td>none | &lt;image&gt;
   1.634 +
   1.635 +     <td>none
   1.636 +
   1.637 +     <td>All elements, except internal table elements when
   1.638 +      ‘border-collapse’ is ‘collapse’
   1.639 +
   1.640 +     <td>no
   1.641 +
   1.642 +     <td>N/A
   1.643 +
   1.644 +     <td>visual
   1.645 +
   1.646 +    <tr>
   1.647       <th><a class=property href="#border-image-width">border-image-width</a>
   1.648  
   1.649       <td>[ &lt;length&gt; | &lt;percentage&gt; | &lt;number&gt; | auto ]{1,4}
   1.650 @@ -4874,6 +5110,66 @@
   1.651       <td>visual
   1.652  
   1.653      <tr>
   1.654 +     <th><a class=property href="#border-left">border-left</a>
   1.655 +
   1.656 +     <td>&lt;line-width&gt; || &lt;line-style&gt; || &lt;color&gt;
   1.657 +
   1.658 +     <td>See individual properties
   1.659 +
   1.660 +     <td>all elements
   1.661 +
   1.662 +     <td>no
   1.663 +
   1.664 +     <td>N/A
   1.665 +
   1.666 +     <td>visual
   1.667 +
   1.668 +    <tr>
   1.669 +     <th><a class=property href="#border-left-color">border-left-color</a>
   1.670 +
   1.671 +     <td>&lt;color&gt;
   1.672 +
   1.673 +     <td>currentColor
   1.674 +
   1.675 +     <td>all elements
   1.676 +
   1.677 +     <td>no
   1.678 +
   1.679 +     <td>N/A
   1.680 +
   1.681 +     <td>visual
   1.682 +
   1.683 +    <tr>
   1.684 +     <th><a class=property href="#border-left-style">border-left-style</a>
   1.685 +
   1.686 +     <td>&lt;line-style&gt;
   1.687 +
   1.688 +     <td>none
   1.689 +
   1.690 +     <td>all elements
   1.691 +
   1.692 +     <td>no
   1.693 +
   1.694 +     <td>N/A
   1.695 +
   1.696 +     <td>visual
   1.697 +
   1.698 +    <tr>
   1.699 +     <th><a class=property href="#border-left-width">border-left-width</a>
   1.700 +
   1.701 +     <td>&lt;line-width&gt;
   1.702 +
   1.703 +     <td>medium
   1.704 +
   1.705 +     <td>
   1.706 +
   1.707 +     <td>no
   1.708 +
   1.709 +     <td>N/A
   1.710 +
   1.711 +     <td>visual
   1.712 +
   1.713 +    <tr>
   1.714       <th><a class=property href="#border-radius">border-radius</a>
   1.715  
   1.716       <td>[ &lt;length&gt; | &lt;percentage&gt; ]{1,4} [ / [ &lt;length&gt; |
   1.717 @@ -4891,9 +5187,9 @@
   1.718       <td>visual
   1.719  
   1.720      <tr>
   1.721 -     <th><a class=property href="#border">border</a>
   1.722 -
   1.723 -     <td>&lt;border-width&gt; || &lt;border-style&gt; || &lt;color&gt;
   1.724 +     <th><a class=property href="#border-right">border-right</a>
   1.725 +
   1.726 +     <td>&lt;line-width&gt; || &lt;line-style&gt; || &lt;color&gt;
   1.727  
   1.728       <td>See individual properties
   1.729  
   1.730 @@ -4906,9 +5202,54 @@
   1.731       <td>visual
   1.732  
   1.733      <tr>
   1.734 +     <th><a class=property href="#border-right-color">border-right-color</a>
   1.735 +
   1.736 +     <td>&lt;color&gt;
   1.737 +
   1.738 +     <td>currentColor
   1.739 +
   1.740 +     <td>all elements
   1.741 +
   1.742 +     <td>no
   1.743 +
   1.744 +     <td>N/A
   1.745 +
   1.746 +     <td>visual
   1.747 +
   1.748 +    <tr>
   1.749 +     <th><a class=property href="#border-right-style">border-right-style</a>
   1.750 +
   1.751 +     <td>&lt;line-style&gt;
   1.752 +
   1.753 +     <td>none
   1.754 +
   1.755 +     <td>all elements
   1.756 +
   1.757 +     <td>no
   1.758 +
   1.759 +     <td>N/A
   1.760 +
   1.761 +     <td>visual
   1.762 +
   1.763 +    <tr>
   1.764 +     <th><a class=property href="#border-right-width">border-right-width</a>
   1.765 +
   1.766 +     <td>&lt;line-width&gt;
   1.767 +
   1.768 +     <td>medium
   1.769 +
   1.770 +     <td>
   1.771 +
   1.772 +     <td>no
   1.773 +
   1.774 +     <td>N/A
   1.775 +
   1.776 +     <td>visual
   1.777 +
   1.778 +    <tr>
   1.779       <th><a class=property href="#border-style">border-style</a>
   1.780  
   1.781 -     <td>&lt;border-style&gt;{1,4}
   1.782 +     <td>&lt;line-style&gt;{1,4}
   1.783  
   1.784       <td>(see individual properties)
   1.785  
   1.786 @@ -4921,10 +5262,22 @@
   1.787       <td>visual
   1.788  
   1.789      <tr>
   1.790 -     <th><a class=property href="#border-top-color">border-top-color </a>, <a
   1.791 -      class=property href="#border-right-color">border-right-color</a>, <a
   1.792 -      class=property href="#border-bottom-color">border-bottom-color</a>, <a
   1.793 -      class=property href="#border-left-color">border-left-color</a>
   1.794 +     <th><a class=property href="#border-top">border-top</a>
   1.795 +
   1.796 +     <td>&lt;line-width&gt; || &lt;line-style&gt; || &lt;color&gt;
   1.797 +
   1.798 +     <td>See individual properties
   1.799 +
   1.800 +     <td>all elements
   1.801 +
   1.802 +     <td>no
   1.803 +
   1.804 +     <td>N/A
   1.805 +
   1.806 +     <td>visual
   1.807 +
   1.808 +    <tr>
   1.809 +     <th><a class=property href="#border-top-color">border-top-color</a>
   1.810  
   1.811       <td>&lt;color&gt;
   1.812  
   1.813 @@ -4940,12 +5293,6 @@
   1.814  
   1.815      <tr>
   1.816       <th><a class=property
   1.817 -      href="#border-top-right-radius">border-top-right-radius</a>, <a
   1.818 -      class=property
   1.819 -      href="#border-bottom-right-radius">border-bottom-right-radius</a>, <a
   1.820 -      class=property
   1.821 -      href="#border-bottom-left-radius">border-bottom-left-radius</a>, <a
   1.822 -      class=property
   1.823        href="#border-top-left-radius">border-top-left-radius</a>
   1.824  
   1.825       <td>[ &lt;length&gt; | &lt;percentage&gt; ] [ &lt;length&gt; |
   1.826 @@ -4962,14 +5309,28 @@
   1.827       <td>visual
   1.828  
   1.829      <tr>
   1.830 -     <th><a class=property href="#border-top">border-top</a>, <a
   1.831 -      class=property href="#border-right">border-right</a>, <a class=property
   1.832 -      href="#border-bottom">border-bottom</a>, <a class=property
   1.833 -      href="#border-left">border-left</a>
   1.834 -
   1.835 -     <td>&lt;border-width&gt; || &lt;border-style&gt; || &lt;color&gt;
   1.836 -
   1.837 -     <td>See individual properties
   1.838 +     <th><a class=property
   1.839 +      href="#border-top-right-radius">border-top-right-radius</a>
   1.840 +
   1.841 +     <td>[ &lt;length&gt; | &lt;percentage&gt; ] [ &lt;length&gt; |
   1.842 +      &lt;percentage&gt; ]?
   1.843 +
   1.844 +     <td>0
   1.845 +
   1.846 +     <td>all elements (but see prose)
   1.847 +
   1.848 +     <td>no
   1.849 +
   1.850 +     <td>Refer to corresponding dimension of the border box.
   1.851 +
   1.852 +     <td>visual
   1.853 +
   1.854 +    <tr>
   1.855 +     <th><a class=property href="#border-top-style">border-top-style</a>
   1.856 +
   1.857 +     <td>&lt;line-style&gt;
   1.858 +
   1.859 +     <td>none
   1.860  
   1.861       <td>all elements
   1.862  
   1.863 @@ -4980,16 +5341,13 @@
   1.864       <td>visual
   1.865  
   1.866      <tr>
   1.867 -     <th><a class=property href="#border-top-style">border-top-style</a>, <a
   1.868 -      class=property href="#border-right-style">border-right-style</a>, <a
   1.869 -      class=property href="#border-bottom-style">border-bottom-style</a>, <a
   1.870 -      class=property href="#border-left-style">border-left-style</a>
   1.871 -
   1.872 -     <td>&lt;border-style&gt;
   1.873 -
   1.874 -     <td>none
   1.875 -
   1.876 -     <td>all elements
   1.877 +     <th><a class=property href="#border-top-width">border-top-width</a>
   1.878 +
   1.879 +     <td>&lt;line-width&gt;
   1.880 +
   1.881 +     <td>medium
   1.882 +
   1.883 +     <td>
   1.884  
   1.885       <td>no
   1.886  
   1.887 @@ -4998,31 +5356,13 @@
   1.888       <td>visual
   1.889  
   1.890      <tr>
   1.891 -     <th><a class=property href="#border-top-width">border-top-width</a>, <a
   1.892 -      class=property href="#border-right-width">border-right-width</a>, <a
   1.893 -      class=property href="#border-bottom-width">border-bottom-width</a>, <a
   1.894 -      class=property href="#border-left-width">border-left-width</a>
   1.895 -
   1.896 -     <td>&lt;border-width&gt;
   1.897 -
   1.898 -     <td>medium
   1.899 -
   1.900 -     <td>all elements
   1.901 -
   1.902 -     <td>no
   1.903 -
   1.904 -     <td>N/A
   1.905 -
   1.906 -     <td>visual
   1.907 -
   1.908 -    <tr>
   1.909       <th><a class=property href="#border-width">border-width</a>
   1.910  
   1.911 -     <td>&lt;border-width&gt;{1,4}
   1.912 +     <td>&lt;line-width&gt;{1,4}
   1.913  
   1.914       <td>(see individual properties)
   1.915  
   1.916 -     <td>all elements
   1.917 +     <td>
   1.918  
   1.919       <td>no
   1.920  
   1.921 @@ -5067,446 +5407,397 @@
   1.922    <!--begin-index-->
   1.923  
   1.924    <ul class=indexlist>
   1.925 -   <li><a href="#attachment"><var>&lt;attachment&gt;</var></a>, <a
   1.926 -    href="#attachment"
   1.927 -    title="&lt;attachment&gt;"><strong>3.5.</strong></a>
   1.928 -
   1.929 -   <li>‘<code class=css>auto</code>’
   1.930 +   <li><var>&lt;attachment&gt;</var>, <a href="#attachment"
   1.931 +    title="section 3.5."><strong>3.5.</strong></a>
   1.932 +
   1.933 +   <li>''auto''
   1.934      <ul>
   1.935 -     <li>‘<a href="#background-size"><code
   1.936 -      class=property>background-size</code></a>’ value, <a href="#auto"
   1.937 -      title="''auto'', 'background-size' value"><strong>3.9.</strong></a>
   1.938 -
   1.939 -     <li>‘<a href="#border-image-width"><code
   1.940 -      class=property>border-image-width</code></a>’ value, <a href="#auto0"
   1.941 -      title="''auto'', 'border-image-width' value"><strong>6.3.</strong></a>
   1.942 +     <li>'background-size' value, <a href="#auto"
   1.943 +      title="section 3.9."><strong>3.9.</strong></a>
   1.944 +
   1.945 +     <li>'border-image-width' value, <a href="#auto0"
   1.946 +      title="section 6.3."><strong>6.3.</strong></a>
   1.947      </ul>
   1.948  
   1.949     <li>background, <a href="#background"
   1.950 -    title=background><strong>3.10.</strong></a>
   1.951 +    title="section 3.10."><strong>3.10.</strong></a>
   1.952  
   1.953     <li>background-attachment, <a href="#background-attachment"
   1.954 -    title=background-attachment><strong>3.5.</strong></a>
   1.955 +    title="section 3.5."><strong>3.5.</strong></a>
   1.956  
   1.957     <li>background-clip, <a href="#background-clip"
   1.958 -    title=background-clip><strong>3.7.</strong></a>
   1.959 +    title="section 3.7."><strong>3.7.</strong></a>
   1.960  
   1.961     <li>background-color, <a href="#background-color"
   1.962 -    title=background-color><strong>3.2.</strong></a>
   1.963 +    title="section 3.2."><strong>3.2.</strong></a>
   1.964  
   1.965     <li>background-image, <a href="#background-image"
   1.966 -    title=background-image><strong>3.3.</strong></a>
   1.967 +    title="section 3.3."><strong>3.3.</strong></a>
   1.968  
   1.969     <li>background-origin, <a href="#background-origin"
   1.970 -    title=background-origin><strong>3.8.</strong></a>
   1.971 +    title="section 3.8."><strong>3.8.</strong></a>
   1.972  
   1.973     <li>background painting area, <a href="#background-painting-area"
   1.974 -    title="background painting area"><strong>3.7.</strong></a>, <a
   1.975 -    href="#background-painting-area0"
   1.976 -    title="background painting area">3.4.</a>, <a
   1.977 -    href="#background-painting-area1"
   1.978 -    title="background painting area">3.4.</a>, <a
   1.979 -    href="#background-painting-area2"
   1.980 -    title="background painting area">3.4.</a>, <a
   1.981 -    href="#background-painting-area3"
   1.982 -    title="background painting area">3.5.</a>, <a
   1.983 -    href="#background-painting-area4"
   1.984 -    title="background painting area">3.11.</a>
   1.985 +    title="section 3.7."><strong>3.7.</strong></a>, <a
   1.986 +    href="#background-painting-area0" title="section 3.4.">3.4.</a>, <a
   1.987 +    href="#background-painting-area1" title="section 3.4.">3.4.</a>, <a
   1.988 +    href="#background-painting-area2" title="section 3.4.">3.4.</a>, <a
   1.989 +    href="#background-painting-area3" title="section 3.5.">3.5.</a>, <a
   1.990 +    href="#background-painting-area4" title="section 3.11.">3.11.</a>
   1.991  
   1.992     <li>background-position, <a href="#background-position"
   1.993 -    title=background-position><strong>3.6.</strong></a>
   1.994 +    title="section 3.6."><strong>3.6.</strong></a>
   1.995  
   1.996     <li>background positioning area, <a href="#background-positioning-area"
   1.997 -    title="background positioning area"><strong>3.8.</strong></a>, <a
   1.998 -    href="#background-positioning-area."
   1.999 -    title="background positioning area.">3.4.</a>, <a
  1.1000 -    href="#background-positioning-area.0"
  1.1001 -    title="background positioning area.">3.9.</a>, <a
  1.1002 -    href="#background-positioning-area0"
  1.1003 -    title="background positioning area">3.4.</a>, <a
  1.1004 -    href="#background-positioning-area1"
  1.1005 -    title="background positioning area">3.6.</a>, <a
  1.1006 -    href="#background-positioning-area2"
  1.1007 -    title="background positioning area">7.1.</a>
  1.1008 +    title="section 3.8."><strong>3.8.</strong></a>, <a
  1.1009 +    href="#background-positioning-area." title="section 3.4.">3.4.</a>, <a
  1.1010 +    href="#background-positioning-area.0" title="section 3.9.">3.9.</a>, <a
  1.1011 +    href="#background-positioning-area0" title="section 3.4.">3.4.</a>, <a
  1.1012 +    href="#background-positioning-area1" title="section 3.6.">3.6.</a>, <a
  1.1013 +    href="#background-positioning-area2" title="section 7.1.">7.1.</a>
  1.1014  
  1.1015     <li>background-repeat, <a href="#background-repeat"
  1.1016 -    title=background-repeat><strong>3.4.</strong></a>
  1.1017 +    title="section 3.4."><strong>3.4.</strong></a>
  1.1018  
  1.1019     <li>background-size, <a href="#background-size"
  1.1020 -    title=background-size><strong>3.9.</strong></a>
  1.1021 -
  1.1022 -   <li>‘<a href="#bevel"><code class=css>bevel</code></a>’, <a
  1.1023 -    href="#bevel" title="''bevel''"><strong>5.7.</strong></a>
  1.1024 -
  1.1025 -   <li><a href="#bg-image"><var>&lt;bg-image&gt;</var></a>, <a
  1.1026 -    href="#bg-image" title="&lt;bg-image&gt;"><strong>3.3.</strong></a>
  1.1027 -
  1.1028 -   <li><a href="#bg-layer"><var>&lt;bg-layer&gt;</var></a>, <a
  1.1029 -    href="#bg-layer" title="&lt;bg-layer&gt;"><strong>3.10.</strong></a>
  1.1030 -
  1.1031 -   <li><a href="#bg-size"><var>&lt;bg-size&gt;</var></a>, <a
  1.1032 -    href="#bg-size" title="&lt;bg-size&gt;"><strong>3.9.</strong></a>
  1.1033 -
  1.1034 -   <li>border, <a href="#border" title=border><strong>4.4.</strong></a>
  1.1035 +    title="section 3.9."><strong>3.9.</strong></a>
  1.1036 +
  1.1037 +   <li>‘<code class=css>bevel</code>’, <a href="#bevel"
  1.1038 +    title="section 5.7."><strong>5.7.</strong></a>
  1.1039 +
  1.1040 +   <li><var>&lt;bg-image&gt;</var>, <a href="#bg-image"
  1.1041 +    title="section 3.3."><strong>3.3.</strong></a>
  1.1042 +
  1.1043 +   <li><var>&lt;bg-layer&gt;</var>, <a href="#bg-layer"
  1.1044 +    title="section 3.10."><strong>3.10.</strong></a>
  1.1045 +
  1.1046 +   <li><var>&lt;bg-size&gt;</var>, <a href="#bg-size"
  1.1047 +    title="section 3.9."><strong>3.9.</strong></a>
  1.1048 +
  1.1049 +   <li>border, <a href="#border"
  1.1050 +    title="section 4.4."><strong>4.4.</strong></a>
  1.1051  
  1.1052     <li>border-bottom, <a href="#border-bottom"
  1.1053 -    title=border-bottom><strong>4.4.</strong></a>
  1.1054 +    title="section 4.4."><strong>4.4.</strong></a>
  1.1055  
  1.1056     <li>border-bottom-color, <a href="#border-bottom-color"
  1.1057 -    title=border-bottom-color><strong>4.1.</strong></a>
  1.1058 +    title="section 4.1."><strong>4.1.</strong></a>
  1.1059  
  1.1060     <li>border-bottom-left-radius, <a href="#border-bottom-left-radius"
  1.1061 -    title=border-bottom-left-radius><strong>5.1.</strong></a>
  1.1062 +    title="section 5.1."><strong>5.1.</strong></a>
  1.1063  
  1.1064     <li>border-bottom-right-radius, <a href="#border-bottom-right-radius"
  1.1065 -    title=border-bottom-right-radius><strong>5.1.</strong></a>
  1.1066 +    title="section 5.1."><strong>5.1.</strong></a>
  1.1067  
  1.1068     <li>border-bottom-style, <a href="#border-bottom-style"
  1.1069 -    title=border-bottom-style><strong>4.2.</strong></a>
  1.1070 +    title="section 4.2."><strong>4.2.</strong></a>
  1.1071  
  1.1072     <li>border-bottom-width, <a href="#border-bottom-width"
  1.1073 -    title=border-bottom-width><strong>4.3.</strong></a>
  1.1074 -
  1.1075 -   <li>‘<code class=css>border-box</code>’
  1.1076 +    title="section 4.3."><strong>4.3.</strong></a>
  1.1077 +
  1.1078 +   <li>''border-box''
  1.1079      <ul>
  1.1080 -     <li>‘<a href="#background-clip"><code
  1.1081 -      class=property>background-clip</code></a>’ value, <a
  1.1082 -      href="#border-box"
  1.1083 -      title="''border-box'', 'background-clip' value"><strong>3.7.</strong></a>
  1.1084 -
  1.1085 -     <li>‘<a href="#background-origin"><code
  1.1086 -      class=property>background-origin</code></a>’ value, <a
  1.1087 -      href="#border-box0"
  1.1088 -      title="''border-box'', 'background-origin' value"><strong>3.8.</strong></a>
  1.1089 +     <li>'background-clip' value, <a href="#border-box"
  1.1090 +      title="section 3.7."><strong>3.7.</strong></a>
  1.1091 +
  1.1092 +     <li>'background-origin' value, <a href="#border-box0"
  1.1093 +      title="section 3.8."><strong>3.8.</strong></a>
  1.1094      </ul>
  1.1095  
  1.1096     <li>border-clip, <a href="#border-clip"
  1.1097 -    title=border-clip><strong>8.1.</strong></a>
  1.1098 +    title="section 8.1."><strong>8.1.</strong></a>
  1.1099  
  1.1100     <li>border-clip-bottom, <a href="#border-clip-bottom"
  1.1101 -    title=border-clip-bottom><strong>8.1.</strong></a>
  1.1102 +    title="section 8.1."><strong>8.1.</strong></a>
  1.1103  
  1.1104     <li>border-clip-left, <a href="#border-clip-left"
  1.1105 -    title=border-clip-left><strong>8.1.</strong></a>
  1.1106 +    title="section 8.1."><strong>8.1.</strong></a>
  1.1107  
  1.1108     <li>border-clip-right, <a href="#border-clip-right"
  1.1109 -    title=border-clip-right><strong>8.1.</strong></a>
  1.1110 +    title="section 8.1."><strong>8.1.</strong></a>
  1.1111  
  1.1112     <li>border-clip-top, <a href="#border-clip-top"
  1.1113 -    title=border-clip-top><strong>8.1.</strong></a>
  1.1114 +    title="section 8.1."><strong>8.1.</strong></a>
  1.1115  
  1.1116     <li>border-color, <a href="#border-color"
  1.1117 -    title=border-color><strong>4.1.</strong></a>
  1.1118 +    title="section 4.1."><strong>4.1.</strong></a>
  1.1119  
  1.1120     <li>border-corner-shape, <a href="#border-corner-shape0"
  1.1121 -    title=border-corner-shape><strong>5.7.</strong></a>
  1.1122 +    title="section 5.7."><strong>5.7.</strong></a>
  1.1123  
  1.1124     <li>border-image, <a href="#border-image"
  1.1125 -    title=border-image><strong>6.7.</strong></a>
  1.1126 +    title="section 6.7."><strong>6.7.</strong></a>
  1.1127  
  1.1128     <li>border image area, <a href="#border-image-area"
  1.1129 -    title="border image area"><strong>6.4.</strong></a>
  1.1130 +    title="section 6.4."><strong>6.4.</strong></a>
  1.1131  
  1.1132     <li>border-image-outset, <a href="#border-image-outset"
  1.1133 -    title=border-image-outset><strong>6.4.</strong></a>
  1.1134 +    title="section 6.4."><strong>6.4.</strong></a>
  1.1135  
  1.1136     <li>border-image-repeat, <a href="#border-image-repeat"
  1.1137 -    title=border-image-repeat><strong>6.5.</strong></a>
  1.1138 +    title="section 6.5."><strong>6.5.</strong></a>
  1.1139  
  1.1140     <li>border-image-slice, <a href="#border-image-slice"
  1.1141 -    title=border-image-slice><strong>6.2.</strong></a>
  1.1142 +    title="section 6.2."><strong>6.2.</strong></a>
  1.1143  
  1.1144     <li>border-image-source, <a href="#border-image-source"
  1.1145 -    title=border-image-source><strong>6.1.</strong></a>
  1.1146 +    title="section 6.1."><strong>6.1.</strong></a>
  1.1147  
  1.1148     <li>border-image-width, <a href="#border-image-width"
  1.1149 -    title=border-image-width><strong>6.3.</strong></a>
  1.1150 +    title="section 6.3."><strong>6.3.</strong></a>
  1.1151  
  1.1152     <li>border-left, <a href="#border-left"
  1.1153 -    title=border-left><strong>4.4.</strong></a>
  1.1154 +    title="section 4.4."><strong>4.4.</strong></a>
  1.1155  
  1.1156     <li>border-left-color, <a href="#border-left-color"
  1.1157 -    title=border-left-color><strong>4.1.</strong></a>
  1.1158 +    title="section 4.1."><strong>4.1.</strong></a>
  1.1159  
  1.1160     <li>border-left-style, <a href="#border-left-style"
  1.1161 -    title=border-left-style><strong>4.2.</strong></a>
  1.1162 +    title="section 4.2."><strong>4.2.</strong></a>
  1.1163  
  1.1164     <li>border-left-width, <a href="#border-left-width"
  1.1165 -    title=border-left-width><strong>4.3.</strong></a>
  1.1166 +    title="section 4.3."><strong>4.3.</strong></a>
  1.1167  
  1.1168     <li>border-radius, <a href="#border-radius"
  1.1169 -    title=border-radius><strong>5.1.</strong></a>
  1.1170 +    title="section 5.1."><strong>5.1.</strong></a>
  1.1171  
  1.1172     <li>border-right, <a href="#border-right"
  1.1173 -    title=border-right><strong>4.4.</strong></a>
  1.1174 +    title="section 4.4."><strong>4.4.</strong></a>
  1.1175  
  1.1176     <li>border-right-color, <a href="#border-right-color"
  1.1177 -    title=border-right-color><strong>4.1.</strong></a>
  1.1178 +    title="section 4.1."><strong>4.1.</strong></a>
  1.1179  
  1.1180     <li>border-right-style, <a href="#border-right-style"
  1.1181 -    title=border-right-style><strong>4.2.</strong></a>
  1.1182 +    title="section 4.2."><strong>4.2.</strong></a>
  1.1183  
  1.1184     <li>border-right-width, <a href="#border-right-width"
  1.1185 -    title=border-right-width><strong>4.3.</strong></a>
  1.1186 -
  1.1187 -   <li><a href="#border-style"><var>&lt;border-style&gt;</var></a>, <a
  1.1188 -    href="#border-style"
  1.1189 -    title="&lt;border-style&gt;"><strong>4.2.</strong></a>
  1.1190 +    title="section 4.3."><strong>4.3.</strong></a>
  1.1191  
  1.1192     <li>border-style, <a href="#border-style"
  1.1193 -    title=border-style><strong>4.2.</strong></a>
  1.1194 +    title="section 4.2."><strong>4.2.</strong></a>
  1.1195  
  1.1196     <li>border-top, <a href="#border-top"
  1.1197 -    title=border-top><strong>4.4.</strong></a>
  1.1198 +    title="section 4.4."><strong>4.4.</strong></a>
  1.1199  
  1.1200     <li>border-top-color, <a href="#border-top-color"
  1.1201 -    title=border-top-color><strong>4.1.</strong></a>
  1.1202 +    title="section 4.1."><strong>4.1.</strong></a>
  1.1203  
  1.1204     <li>border-top-left-radius, <a href="#border-top-left-radius"
  1.1205 -    title=border-top-left-radius><strong>5.1.</strong></a>
  1.1206 +    title="section 5.1."><strong>5.1.</strong></a>
  1.1207  
  1.1208     <li>border-top-right-radius, <a href="#border-top-right-radius"
  1.1209 -    title=border-top-right-radius><strong>5.1.</strong></a>
  1.1210 +    title="section 5.1."><strong>5.1.</strong></a>
  1.1211  
  1.1212     <li>border-top-style, <a href="#border-top-style"
  1.1213 -    title=border-top-style><strong>4.2.</strong></a>
  1.1214 +    title="section 4.2."><strong>4.2.</strong></a>
  1.1215  
  1.1216     <li>border-top-width, <a href="#border-top-width"
  1.1217 -    title=border-top-width><strong>4.3.</strong></a>
  1.1218 -
  1.1219 -   <li><a href="#border-width"><var>&lt;border-width&gt;</var></a>, <a
  1.1220 -    href="#border-width"
  1.1221 -    title="&lt;border-width&gt;"><strong>4.3.</strong></a>
  1.1222 +    title="section 4.3."><strong>4.3.</strong></a>
  1.1223  
  1.1224     <li>border-width, <a href="#border-width"
  1.1225 -    title=border-width><strong>4.3.</strong></a>
  1.1226 -
  1.1227 -   <li>‘<code class=css>bottom</code>’
  1.1228 +    title="section 4.3."><strong>4.3.</strong></a>
  1.1229 +
  1.1230 +   <li>''bottom''
  1.1231      <ul>
  1.1232 -     <li>‘<a href="#background-position"><code
  1.1233 -      class=property>background-position</code></a>’ value, <a
  1.1234 -      href="#bottom"
  1.1235 -      title="''bottom'', 'background-position' value"><strong>3.6.</strong></a>
  1.1236 +     <li>'background-position' value, <a href="#bottom"
  1.1237 +      title="section 3.6."><strong>3.6.</strong></a>
  1.1238      </ul>
  1.1239  
  1.1240 -   <li><a href="#box"><var>&lt;box&gt;</var></a>, <a href="#box"
  1.1241 -    title="&lt;box&gt;"><strong>3.7.</strong></a>
  1.1242 +   <li><var>&lt;box&gt;</var>, <a href="#box"
  1.1243 +    title="section 3.7."><strong>3.7.</strong></a>
  1.1244  
  1.1245     <li>box-decoration-break, <a href="#box-decoration-break"
  1.1246 -    title=box-decoration-break><strong>7.1.</strong></a>
  1.1247 +    title="section 7.1."><strong>7.1.</strong></a>
  1.1248  
  1.1249     <li>box-shadow, <a href="#box-shadow"
  1.1250 -    title=box-shadow><strong>7.2.</strong></a>
  1.1251 -
  1.1252 -   <li>‘<code class=css>center</code>’
  1.1253 +    title="section 7.2."><strong>7.2.</strong></a>
  1.1254 +
  1.1255 +   <li>''center''
  1.1256      <ul>
  1.1257 -     <li>‘<a href="#background-position"><code
  1.1258 -      class=property>background-position</code></a>’ value, <a
  1.1259 -      href="#center"
  1.1260 -      title="''center'', 'background-position' value"><strong>3.6.</strong></a>
  1.1261 +     <li>'background-position' value, <a href="#center"
  1.1262 +      title="section 3.6."><strong>3.6.</strong></a>
  1.1263      </ul>
  1.1264  
  1.1265 -   <li>‘<a href="#clone"><code class=css>clone</code></a>’, <a
  1.1266 -    href="#clone" title="''clone''"><strong>7.1.</strong></a>
  1.1267 +   <li>‘<code class=css>clone</code>’, <a href="#clone"
  1.1268 +    title="section 7.1."><strong>7.1.</strong></a>
  1.1269  
  1.1270     <li>color
  1.1271      <ul>
  1.1272       <li>background, <a href="#background-color0"
  1.1273 -      title="color, background">3.2.</a>
  1.1274 +      title="section 3.2.">3.2.</a>
  1.1275      </ul>
  1.1276  
  1.1277 -   <li>‘<a href="#contain"><code class=css>contain</code></a>’, <a
  1.1278 -    href="#contain" title="''contain''"><strong>3.9.</strong></a>
  1.1279 -
  1.1280 -   <li>‘<a href="#content-box0"><code class=css>content-box</code></a>’,
  1.1281 -    <a href="#content-box0" title="''content-box''"><strong>3.8.</strong></a>
  1.1282 -
  1.1283 +   <li>‘<code class=css>contain</code>’, <a href="#contain"
  1.1284 +    title="section 3.9."><strong>3.9.</strong></a>
  1.1285 +
  1.1286 +   <li>''content-box''
  1.1287      <ul>
  1.1288 -     <li>‘<a href="#background-clip"><code
  1.1289 -      class=property>background-clip</code></a>’ value, <a
  1.1290 -      href="#content-box"
  1.1291 -      title="''content-box'', 'background-clip' value"><strong>3.7.</strong></a>
  1.1292 +     <li>'background-clip' value, <a href="#content-box"
  1.1293 +      title="section 3.7."><strong>3.7.</strong></a>
  1.1294      </ul>
  1.1295  
  1.1296 -   <li>‘<a href="#cover"><code class=css>cover</code></a>’, <a
  1.1297 -    href="#cover" title="''cover''"><strong>3.9.</strong></a>
  1.1298 -
  1.1299 -   <li>‘<a href="#curve"><code class=css>curve</code></a>’, <a
  1.1300 -    href="#curve" title="''curve''"><strong>5.7.</strong></a>
  1.1301 -
  1.1302 -   <li>‘<a href="#dashed"><code class=css>dashed</code></a>’, <a
  1.1303 -    href="#dashed" title="''dashed''"><strong>4.2.</strong></a>
  1.1304 -
  1.1305 -   <li>‘<a href="#dotted"><code class=css>dotted</code></a>’, <a
  1.1306 -    href="#dotted" title="''dotted''"><strong>4.2.</strong></a>
  1.1307 -
  1.1308 -   <li>‘<a href="#double"><code class=css>double</code></a>’, <a
  1.1309 -    href="#double" title="''double''"><strong>4.2.</strong></a>
  1.1310 -
  1.1311 -   <li>‘<a href="#border-image-slice-fill"><code
  1.1312 -    class=css>fill</code></a>’, <a href="#border-image-slice-fill"
  1.1313 -    title="''fill''"><strong>6.2.</strong></a>
  1.1314 -
  1.1315 -   <li><a href="#final-bg-layer"><var>&lt;final-bg-layer&gt;</var></a>,
  1.1316 -    <a href="#final-bg-layer"
  1.1317 -    title="&lt;final-bg-layer&gt;"><strong>3.10.</strong></a>
  1.1318 -
  1.1319 -   <li>‘<a href="#fixed0"><code class=css>fixed</code></a>’, <a
  1.1320 -    href="#fixed" title="''fixed''"><strong>3.5.</strong></a>, <a
  1.1321 -    href="#fixed0" title="''fixed''"><strong>3.5.</strong></a>
  1.1322 -
  1.1323 -   <li>‘<a href="#groove"><code class=css>groove</code></a>’, <a
  1.1324 -    href="#groove" title="''groove''"><strong>4.2.</strong></a>
  1.1325 -
  1.1326 -   <li>‘<a href="#hidden"><code class=css>hidden</code></a>’, <a
  1.1327 -    href="#hidden" title="''hidden''"><strong>4.2.</strong></a>
  1.1328 -
  1.1329 -   <li>‘<a href="#inset"><code class=css>inset</code></a>’, <a
  1.1330 -    href="#inset" title="''inset''"><strong>4.2.</strong></a>
  1.1331 -
  1.1332 -   <li>layers, <a href="#layers" title=layers>3.1.</a>
  1.1333 -
  1.1334 -   <li>‘<code class=css>left</code>’
  1.1335 +   <li>‘<code class=css>content-box</code>’, <a href="#content-box0"
  1.1336 +    title="section 3.8."><strong>3.8.</strong></a>
  1.1337 +
  1.1338 +   <li>‘<code class=css>cover</code>’, <a href="#cover"
  1.1339 +    title="section 3.9."><strong>3.9.</strong></a>
  1.1340 +
  1.1341 +   <li>‘<code class=css>curve</code>’, <a href="#curve"
  1.1342 +    title="section 5.7."><strong>5.7.</strong></a>
  1.1343 +
  1.1344 +   <li>‘<code class=css>dashed</code>’, <a href="#dashed"
  1.1345 +    title="section 4.2."><strong>4.2.</strong></a>
  1.1346 +
  1.1347 +   <li>‘<code class=css>dotted</code>’, <a href="#dotted"
  1.1348 +    title="section 4.2."><strong>4.2.</strong></a>
  1.1349 +
  1.1350 +   <li>‘<code class=css>double</code>’, <a href="#double"
  1.1351 +    title="section 4.2."><strong>4.2.</strong></a>
  1.1352 +
  1.1353 +   <li>‘<code class=css>fill</code>’, <a href="#border-image-slice-fill"
  1.1354 +    title="section 6.2."><strong>6.2.</strong></a>
  1.1355 +
  1.1356 +   <li><var>&lt;final-bg-layer&gt;</var>, <a href="#final-bg-layer"
  1.1357 +    title="section 3.10."><strong>3.10.</strong></a>
  1.1358 +
  1.1359 +   <li>‘<code class=css>fixed</code>’, <a href="#fixed"
  1.1360 +    title="section 3.5."><strong>3.5.</strong></a>, <a href="#fixed0"
  1.1361 +    title="section 3.5."><strong>3.5.</strong></a>
  1.1362 +
  1.1363 +   <li>‘<code class=css>groove</code>’, <a href="#groove"
  1.1364 +    title="section 4.2."><strong>4.2.</strong></a>
  1.1365 +
  1.1366 +   <li>‘<code class=css>hidden</code>’, <a href="#hidden"
  1.1367 +    title="section 4.2."><strong>4.2.</strong></a>
  1.1368 +
  1.1369 +   <li>‘<code class=css>inset</code>’, <a href="#inset"
  1.1370 +    title="section 4.2."><strong>4.2.</strong></a>
  1.1371 +
  1.1372 +   <li>layers, <a href="#layers" title="section 3.1.">3.1.</a>
  1.1373 +
  1.1374 +   <li>''left''
  1.1375      <ul>
  1.1376 -     <li>‘<a href="#background-position"><code
  1.1377 -      class=property>background-position</code></a>’ value, <a href="#left"
  1.1378 -      title="''left'', 'background-position' value"><strong>3.6.</strong></a>
  1.1379 +     <li>'background-position' value, <a href="#left"
  1.1380 +      title="section 3.6."><strong>3.6.</strong></a>
  1.1381      </ul>
  1.1382  
  1.1383 -   <li>‘<a href="#local0"><code class=css>local</code></a>’, <a
  1.1384 -    href="#local" title="''local''"><strong>3.5.</strong></a>, <a
  1.1385 -    href="#local0" title="''local''"><strong>3.5.</strong></a>
  1.1386 -
  1.1387 -   <li>‘<code class=css>none</code>’
  1.1388 +   <li><var>&lt;line-style&gt;</var>, <a href="#line-style"
  1.1389 +    title="section 4.2."><strong>4.2.</strong></a>
  1.1390 +
  1.1391 +   <li><var>&lt;line-width&gt;</var>, <a href="#line-width"
  1.1392 +    title="section 4.3."><strong>4.3.</strong></a>
  1.1393 +
  1.1394 +   <li>‘<code class=css>local</code>’, <a href="#local"
  1.1395 +    title="section 3.5."><strong>3.5.</strong></a>, <a href="#local0"
  1.1396 +    title="section 3.5."><strong>3.5.</strong></a>
  1.1397 +
  1.1398 +   <li>''none''
  1.1399      <ul>
  1.1400 -     <li>‘<a href="#background-image"><code
  1.1401 -      class=property>background-image</code></a>’ value, <a href="#none"
  1.1402 -      title="''none'', 'background-image' value"><strong>3.3.</strong></a>
  1.1403 -
  1.1404 -     <li>‘<a href="#border-image-source"><code
  1.1405 -      class=property>border-image-source</code></a>’ value, <a
  1.1406 -      href="#none1"
  1.1407 -      title="''none'', 'border-image-source' value"><strong>6.1.</strong></a>
  1.1408 -
  1.1409 -     <li>‘<a href="#border-style"><code
  1.1410 -      class=property>border-style</code></a>’ value, <a href="#none0"
  1.1411 -      title="''none'', 'border-style' value"><strong>4.2.</strong></a>
  1.1412 +     <li>'background-image' value, <a href="#none"
  1.1413 +      title="section 3.3."><strong>3.3.</strong></a>
  1.1414 +
  1.1415 +     <li>'border-image-source' value, <a href="#none1"
  1.1416 +      title="section 6.1."><strong>6.1.</strong></a>
  1.1417 +
  1.1418 +     <li>'border-style' value, <a href="#none0"
  1.1419 +      title="section 4.2."><strong>4.2.</strong></a>
  1.1420      </ul>
  1.1421  
  1.1422 -   <li>‘<code class=css>no-repeat</code>’
  1.1423 +   <li>''no-repeat''
  1.1424      <ul>
  1.1425 -     <li>‘<a href="#background-repeat"><code
  1.1426 -      class=property>background-repeat</code></a>’ value, <a
  1.1427 -      href="#no-repeat"
  1.1428 -      title="''no-repeat'', 'background-repeat' value"><strong>3.4.</strong></a>
  1.1429 +     <li>'background-repeat' value, <a href="#no-repeat"
  1.1430 +      title="section 3.4."><strong>3.4.</strong></a>
  1.1431      </ul>
  1.1432  
  1.1433 -   <li>‘<a href="#notch"><code class=css>notch</code></a>’, <a
  1.1434 -    href="#notch" title="''notch''"><strong>5.7.</strong></a>
  1.1435 -
  1.1436 -   <li>‘<a href="#outset"><code class=css>outset</code></a>’, <a
  1.1437 -    href="#outset" title="''outset''"><strong>4.2.</strong></a>
  1.1438 -
  1.1439 -   <li>‘<code class=css>padding-box</code>’
  1.1440 +   <li>‘<code class=css>notch</code>’, <a href="#notch"
  1.1441 +    title="section 5.7."><strong>5.7.</strong></a>
  1.1442 +
  1.1443 +   <li>‘<code class=css>outset</code>’, <a href="#outset"
  1.1444 +    title="section 4.2."><strong>4.2.</strong></a>
  1.1445 +
  1.1446 +   <li>''padding-box''
  1.1447      <ul>
  1.1448 -     <li>‘<a href="#background-clip"><code
  1.1449 -      class=property>background-clip</code></a>’ value, <a
  1.1450 -      href="#padding-box"
  1.1451 -      title="''padding-box'', 'background-clip' value"><strong>3.7.</strong></a>
  1.1452 -
  1.1453 -     <li>‘<a href="#background-origin"><code
  1.1454 -      class=property>background-origin</code></a>’ value, <a
  1.1455 -      href="#padding-box0"
  1.1456 -      title="''padding-box'', 'background-origin' value"><strong>3.8.</strong></a>
  1.1457 +     <li>'background-clip' value, <a href="#padding-box"
  1.1458 +      title="section 3.7."><strong>3.7.</strong></a>
  1.1459 +
  1.1460 +     <li>'background-origin' value, <a href="#padding-box0"
  1.1461 +      title="section 3.8."><strong>3.8.</strong></a>
  1.1462      </ul>
  1.1463  
  1.1464 -   <li><a href="#position"><var>&lt;position&gt;</var></a>, <a
  1.1465 -    href="#position" title="&lt;position&gt;"><strong>3.6.</strong></a>
  1.1466 -
  1.1467 -   <li>‘<code class=css>repeat</code>’
  1.1468 +   <li><var>&lt;position&gt;</var>, <a href="#position"
  1.1469 +    title="section 3.6."><strong>3.6.</strong></a>
  1.1470 +
  1.1471 +   <li>''repeat''
  1.1472      <ul>
  1.1473 -     <li>‘<a href="#background-repeat"><code
  1.1474 -      class=property>background-repeat</code></a>’ value, <a href="#repeat"
  1.1475 -      title="''repeat'', 'background-repeat' value"><strong>3.4.</strong></a>
  1.1476 -
  1.1477 -     <li>‘<a href="#border-image-repeat"><code
  1.1478 -      class=property>border-image-repeat</code></a>’ value, <a
  1.1479 -      href="#repeat0"
  1.1480 -      title="''repeat'', 'border-image-repeat' value"><strong>6.5.</strong></a>
  1.1481 +     <li>'background-repeat' value, <a href="#repeat"
  1.1482 +      title="section 3.4."><strong>3.4.</strong></a>
  1.1483 +
  1.1484 +     <li>'border-image-repeat' value, <a href="#repeat0"
  1.1485 +      title="section 6.5."><strong>6.5.</strong></a>
  1.1486      </ul>
  1.1487  
  1.1488 -   <li><a href="#repeat-style"><var>&lt;repeat-style&gt;</var></a>, <a
  1.1489 -    href="#repeat-style"
  1.1490 -    title="&lt;repeat-style&gt;"><strong>3.4.</strong></a>
  1.1491 -
  1.1492 -   <li>‘<a href="#repeat-x"><code class=css>repeat-x</code></a>’, <a
  1.1493 -    href="#repeat-x" title="''repeat-x''"><strong>3.4.</strong></a>
  1.1494 -
  1.1495 -   <li>‘<a href="#repeat-y"><code class=css>repeat-y</code></a>’, <a
  1.1496 -    href="#repeat-y" title="''repeat-y''"><strong>3.4.</strong></a>
  1.1497 -
  1.1498 -   <li>‘<a href="#ridge"><code class=css>ridge</code></a>’, <a
  1.1499 -    href="#ridge" title="''ridge''"><strong>4.2.</strong></a>
  1.1500 -
  1.1501 -   <li>‘<code class=css>right</code>’
  1.1502 +   <li><var>&lt;repeat-style&gt;</var>, <a href="#repeat-style"
  1.1503 +    title="section 3.4."><strong>3.4.</strong></a>
  1.1504 +
  1.1505 +   <li>‘<code class=css>repeat-x</code>’, <a href="#repeat-x"
  1.1506 +    title="section 3.4."><strong>3.4.</strong></a>
  1.1507 +
  1.1508 +   <li>‘<code class=css>repeat-y</code>’, <a href="#repeat-y"
  1.1509 +    title="section 3.4."><strong>3.4.</strong></a>
  1.1510 +
  1.1511 +   <li>‘<code class=css>ridge</code>’, <a href="#ridge"
  1.1512 +    title="section 4.2."><strong>4.2.</strong></a>
  1.1513 +
  1.1514 +   <li>''right''
  1.1515      <ul>
  1.1516 -     <li>‘<a href="#background-position"><code
  1.1517 -      class=property>background-position</code></a>’ value, <a
  1.1518 -      href="#right"
  1.1519 -      title="''right'', 'background-position' value"><strong>3.6.</strong></a>
  1.1520 +     <li>'background-position' value, <a href="#right"
  1.1521 +      title="section 3.6."><strong>3.6.</strong></a>
  1.1522      </ul>
  1.1523  
  1.1524 -   <li>‘<code class=css>round</code>’
  1.1525 +   <li>''round''
  1.1526      <ul>
  1.1527 -     <li>‘<a href="#background-repeat"><code
  1.1528 -      class=property>background-repeat</code></a>’ value, <a href="#round"
  1.1529 -      title="''round'', 'background-repeat' value"><strong>3.4.</strong></a>
  1.1530 -
  1.1531 -     <li>‘<a href="#border-image-repeat"><code
  1.1532 -      class=property>border-image-repeat</code></a>’ value, <a
  1.1533 -      href="#round0"
  1.1534 -      title="''round'', 'border-image-repeat' value"><strong>6.5.</strong></a>
  1.1535 +     <li>'background-repeat' value, <a href="#round"
  1.1536 +      title="section 3.4."><strong>3.4.</strong></a>
  1.1537 +
  1.1538 +     <li>'border-image-repeat' value, <a href="#round0"
  1.1539 +      title="section 6.5."><strong>6.5.</strong></a>
  1.1540      </ul>
  1.1541  
  1.1542 -   <li>‘<a href="#scoop"><code class=css>scoop</code></a>’, <a
  1.1543 -    href="#scoop" title="''scoop''"><strong>5.7.</strong></a>
  1.1544 -
  1.1545 -   <li>‘<a href="#scroll0"><code class=css>scroll</code></a>’, <a
  1.1546 -    href="#scroll" title="''scroll''"><strong>3.5.</strong></a>, <a
  1.1547 -    href="#scroll0" title="''scroll''"><strong>3.5.</strong></a>
  1.1548 -
  1.1549 -   <li><a href="#shadow"><var>&lt;shadow&gt;</var></a>, <a
  1.1550 -    href="#shadow" title="&lt;shadow&gt;"><strong>7.2.</strong></a>
  1.1551 -
  1.1552 -   <li>‘<a href="#slice"><code class=css>slice</code></a>’, <a
  1.1553 -    href="#slice" title="''slice''"><strong>7.1.</strong></a>
  1.1554 -
  1.1555 -   <li>‘<a href="#solid"><code class=css>solid</code></a>’, <a
  1.1556 -    href="#solid" title="''solid''"><strong>4.2.</strong></a>
  1.1557 -
  1.1558 -   <li>‘<code class=css>space</code>’
  1.1559 +   <li>‘<code class=css>scoop</code>’, <a href="#scoop"
  1.1560 +    title="section 5.7."><strong>5.7.</strong></a>
  1.1561 +
  1.1562 +   <li>‘<code class=css>scroll</code>’, <a href="#scroll"
  1.1563 +    title="section 3.5."><strong>3.5.</strong></a>, <a href="#scroll0"
  1.1564 +    title="section 3.5."><strong>3.5.</strong></a>
  1.1565 +
  1.1566 +   <li><var>&lt;shadow&gt;</var>, <a href="#shadow"
  1.1567 +    title="section 7.2."><strong>7.2.</strong></a>
  1.1568 +
  1.1569 +   <li>‘<code class=css>slice</code>’, <a href="#slice"
  1.1570 +    title="section 7.1."><strong>7.1.</strong></a>
  1.1571 +
  1.1572 +   <li>‘<code class=css>solid</code>’, <a href="#solid"
  1.1573 +    title="section 4.2."><strong>4.2.</strong></a>
  1.1574 +
  1.1575 +   <li>''space''
  1.1576      <ul>
  1.1577 -     <li>‘<a href="#background-repeat"><code
  1.1578 -      class=property>background-repeat</code></a>’ value, <a href="#space"
  1.1579 -      title="''space'', 'background-repeat' value"><strong>3.4.</strong></a>
  1.1580 -
  1.1581 -     <li>‘<a href="#border-image-repeat"><code
  1.1582 -      class=property>border-image-repeat</code></a>’ value, <a
  1.1583 -      href="#space0"
  1.1584 -      title="''space'', 'border-image-repeat' value"><strong>6.5.</strong></a>
  1.1585 +     <li>'background-repeat' value, <a href="#space"
  1.1586 +      title="section 3.4."><strong>3.4.</strong></a>
  1.1587 +
  1.1588 +     <li>'border-image-repeat' value, <a href="#space0"
  1.1589 +      title="section 6.5."><strong>6.5.</strong></a>
  1.1590      </ul>
  1.1591  
  1.1592 -   <li>‘<a href="#stretch"><code class=css>stretch</code></a>’, <a
  1.1593 -    href="#stretch" title="''stretch''"><strong>6.5.</strong></a>
  1.1594 -
  1.1595 -   <li>‘<code class=css>top</code>’
  1.1596 +   <li>‘<code class=css>stretch</code>’, <a href="#stretch"
  1.1597 +    title="section 6.5."><strong>6.5.</strong></a>
  1.1598 +
  1.1599 +   <li>''top''
  1.1600      <ul>
  1.1601 -     <li>‘<a href="#background-position"><code
  1.1602 -      class=property>background-position</code></a>’ value, <a href="#top"
  1.1603 -      title="''top'', 'background-position' value"><strong>3.6.</strong></a>
  1.1604 +     <li>'background-position' value, <a href="#top"
  1.1605 +      title="section 3.6."><strong>3.6.</strong></a>
  1.1606      </ul>
  1.1607  
  1.1608 -   <li>viewport, <a href="#viewport" title=viewport>3.5.</a>
  1.1609 +   <li>viewport, <a href="#viewport" title="section 3.5.">3.5.</a>
  1.1610    </ul>
  1.1611    <!--end-index-->
  1.1612  </html>

     2.1 --- a/css-backgrounds-4/Overview.src.html	Thu May 23 14:32:43 2013 +0800
     2.2 +++ b/css-backgrounds-4/Overview.src.html	Thu May 23 16:53:37 2013 +0800
     2.3 @@ -1413,7 +1413,7 @@
     2.4            <dfn>border-left-style</dfn>
     2.5      <tr>
     2.6        <th>Value:
     2.7 -      <td><var>&lt;border-style&gt;</var>
     2.8 +      <td><var>&lt;line-style&gt;</var>
     2.9      <tr>
    2.10        <th>Initial:
    2.11        <td>none
    2.12 @@ -1440,7 +1440,7 @@
    2.13        <td><dfn>border-style</dfn>
    2.14      <tr>
    2.15        <th>Value:
    2.16 -      <td><var>&lt;border-style&gt;</var>{1,4}
    2.17 +      <td><var>&lt;line-style&gt;</var>{1,4}
    2.18      <tr>
    2.19        <th>Initial:
    2.20        <td>(see individual properties)
    2.21 @@ -1470,7 +1470,7 @@
    2.22    the same as top, and a missing right is also the same as top.
    2.23    
    2.24    <p>Where
    2.25 -  <pre class=prod><dfn><var>&lt;border-style&gt;</var></dfn> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset</pre>
    2.26 +  <pre class=prod><dfn><var>&lt;line-style&gt;</var></dfn> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset</pre>
    2.27    
    2.28    <p>Values have the following meanings:
    2.29    
    2.30 @@ -1557,7 +1557,7 @@
    2.31          <dfn>border-bottom-width</dfn>, <dfn>border-left-width</dfn>
    2.32      <tr>
    2.33        <th>Value:
    2.34 -      <td><var>&lt;border-width&gt;</var>
    2.35 +      <td><var>&lt;line-width&gt;</var>
    2.36      <tr>
    2.37        <th>Initial:
    2.38        <td>medium
    2.39 @@ -1584,7 +1584,7 @@
    2.40        <td><dfn>border-width</dfn>
    2.41      <tr>
    2.42        <th>Value:
    2.43 -      <td><var>&lt;border-width&gt;</var>{1,4}
    2.44 +      <td><var>&lt;line-width&gt;</var>{1,4}
    2.45      <tr>
    2.46        <th>Initial:
    2.47        <td>(see individual properties)
    2.48 @@ -1608,7 +1608,7 @@
    2.49    <p>These properties set the thickness of the border.
    2.50    Where
    2.51    
    2.52 -  <pre class=prod><dfn><var>&lt;border-width&gt;</var></dfn> = <var>&lt;length&gt;</var> | thin | medium | thick</pre>
    2.53 +  <pre class=prod><dfn><var>&lt;line-width&gt;</var></dfn> = <var>&lt;length&gt;</var> | thin | medium | thick</pre>
    2.54    
    2.55    <p>The <var>&lt;length&gt;</var> may not be
    2.56    negative. The lengths corresponding to ''thin'', ''medium'' and
    2.57 @@ -1641,8 +1641,8 @@
    2.58            <dfn>border-left</dfn>
    2.59      <tr>
    2.60        <th>Value:
    2.61 -      <td><var>&lt;border-width&gt;</var> ||
    2.62 -          <var>&lt;border-style&gt;</var> ||
    2.63 +      <td><var>&lt;line-width&gt;</var> ||
    2.64 +          <var>&lt;line-style&gt;</var> ||
    2.65            <var>&lt;color&gt;</var>
    2.66      <tr>
    2.67        <th>Initial:
    2.68 @@ -1674,8 +1674,8 @@
    2.69        <td><dfn>border</dfn>
    2.70      <tr>
    2.71        <th>Value:
    2.72 -      <td><var>&lt;border-width&gt;</var> ||
    2.73 -          <var>&lt;border-style&gt;</var> ||
    2.74 +      <td><var>&lt;line-width&gt;</var> ||
    2.75 +          <var>&lt;line-style&gt;</var> ||
    2.76            <var>&lt;color&gt;</var>
    2.77      <tr>
    2.78        <th>Initial:

     3.1 --- a/css-backgrounds/Overview.src.html	Thu May 23 14:32:43 2013 +0800
     3.2 +++ b/css-backgrounds/Overview.src.html	Thu May 23 16:53:37 2013 +0800
     3.3 @@ -1510,7 +1510,7 @@
     3.4          <dfn>border-left-style</dfn>
     3.5    <tr>
     3.6      <th><a href="#values">Value</a>:
     3.7 -    <td><var>&lt;border-style&gt;</var>
     3.8 +    <td><var>&lt;line-style&gt;</var>
     3.9    <tr>
    3.10      <th>Initial:
    3.11      <td>none
    3.12 @@ -1540,7 +1540,7 @@
    3.13      <td><dfn>border-style</dfn>
    3.14    <tr>
    3.15      <th><a href="#values">Value</a>:
    3.16 -    <td><var>&lt;border-style&gt;</var>{1,4}
    3.17 +    <td><var>&lt;line-style&gt;</var>{1,4}
    3.18    <tr>
    3.19      <th>Initial:
    3.20      <td>(see individual properties)
    3.21 @@ -1573,7 +1573,7 @@
    3.22  the same as top, and a missing right is also the same as top.
    3.23  
    3.24  <p>Where
    3.25 -<pre class=prod><dfn><var>&lt;border-style&gt;</var></dfn> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset</pre>
    3.26 +<pre class=prod><dfn><var>&lt;line-style&gt;</var></dfn> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset</pre>
    3.27  
    3.28  <p>Values have the following meanings:
    3.29  
    3.30 @@ -1661,7 +1661,7 @@
    3.31          <dfn>border-bottom-width</dfn>, <dfn>border-left-width</dfn>
    3.32      <tr>
    3.33        <th><a href="#values">Value</a>:
    3.34 -      <td><var>&lt;border-width&gt;</var>
    3.35 +      <td><var>&lt;line-width&gt;</var>
    3.36      <tr>
    3.37        <th>Initial:
    3.38        <td>medium
    3.39 @@ -1691,7 +1691,7 @@
    3.40        <td><dfn>border-width</dfn>
    3.41      <tr>
    3.42        <th><a href="#values">Value</a>:
    3.43 -      <td><var>&lt;border-width&gt;</var>{1,4}
    3.44 +      <td><var>&lt;line-width&gt;</var>{1,4}
    3.45      <tr>
    3.46        <th>Initial:
    3.47        <td>(see individual properties)
    3.48 @@ -1718,7 +1718,7 @@
    3.49  <p>These properties set the thickness of the border.
    3.50  Where
    3.51  
    3.52 -<pre class=prod><dfn><var>&lt;border-width&gt;</var></dfn> = <var>&lt;length&gt;</var> | thin | medium | thick</pre>
    3.53 +<pre class=prod><dfn><var>&lt;line-width&gt;</var></dfn> = <var>&lt;length&gt;</var> | thin | medium | thick</pre>
    3.54  
    3.55  <p>The lengths corresponding to ''thin'', ''medium'' and
    3.56  ''thick'' are not specified, but the values are constant throughout a
    3.57 @@ -1750,8 +1750,8 @@
    3.58          <dfn>border-left</dfn>
    3.59    <tr>
    3.60      <th><a href="#values">Value</a>:
    3.61 -    <td><var>&lt;border-width&gt;</var> ||
    3.62 -        <var>&lt;border-style&gt;</var> ||
    3.63 +    <td><var>&lt;line-width&gt;</var> ||
    3.64 +        <var>&lt;line-style&gt;</var> ||
    3.65          <var>&lt;color&gt;</var>
    3.66    <tr>
    3.67      <th>Initial:
    3.68 @@ -1786,8 +1786,8 @@
    3.69      <td><dfn>border</dfn>
    3.70    <tr>
    3.71      <th><a href="#values">Value</a>:
    3.72 -    <td><var>&lt;border-width&gt;</var> ||
    3.73 -        <var>&lt;border-style&gt;</var> ||
    3.74 +    <td><var>&lt;line-width&gt;</var> ||
    3.75 +        <var>&lt;line-style&gt;</var> ||
    3.76          <var>&lt;color&gt;</var>
    3.77    <tr>
    3.78      <th>Initial:
    3.79 @@ -3287,7 +3287,7 @@
    3.80  <h2 id="changes">
    3.81  Changes</h2>
    3.82  
    3.83 -<h3 id="changes-2012">
    3.84 +<h3 id="changes-2012-07">
    3.85  Changes since the 24 July 2012 Candidate Recommendation</h3>
    3.86  
    3.87  <p>The following (non-trivial) changes were made to this specification since the
    3.88 @@ -3304,7 +3304,7 @@
    3.89      (since 'border-image-width' is initially set to the computed 'border-width', which in this case is zero).
    3.90  </ul>
    3.91  
    3.92 -<h3 id="changes-2012">
    3.93 +<h3 id="changes-2012-04">
    3.94  Changes since the 17 April 2012 Candidate Recommendation</h3>
    3.95  
    3.96  <p>The following (non-editorial) changes were made to this specification since the

     4.1 --- a/css-color/Overview.html	Thu May 23 14:32:43 2013 +0800
     4.2 +++ b/css-color/Overview.html	Thu May 23 16:53:37 2013 +0800
     4.3 @@ -439,7 +439,7 @@
     4.4  
     4.5    <dl>
     4.6     <dt><a class="prop-value index-inst" href="#valuea-def-color"
     4.7 -    id=color>&lt;color&gt;</a>
     4.8 +    id=color-color>&lt;color&gt;</a>
     4.9  
    4.10     <dd>Color units are defined in a <a href="#colorunits">following</a>
    4.11      section.

     5.1 --- a/css-color/Overview.src.html	Thu May 23 14:32:43 2013 +0800
     5.2 +++ b/css-color/Overview.src.html	Thu May 23 16:53:37 2013 +0800
     5.3 @@ -255,7 +255,7 @@
     5.4  </div>
     5.5  
     5.6  <dl>
     5.7 -  <dt><span class="prop-value index-inst">&lt;color&gt;</span></dt>
     5.8 +  <dt><dfn title="color:<color>"><var>&lt;color&gt;</var></dfn></dt>
     5.9  
    5.10    <dd>Color units are defined in a <a href="#colorunits">following</a> section.
    5.11    </dd>

     6.1 --- a/css-content/Overview.html	Thu May 23 14:32:43 2013 +0800
     6.2 +++ b/css-content/Overview.html	Thu May 23 16:53:37 2013 +0800
     6.3 @@ -3,18 +3,31 @@
     6.4  <!--*- Mode: Text; fill-column: 95 -*-->
     6.5  
     6.6  <html lang=en>
     6.7 - <head><meta content="text/html" http-equiv=Content-Type>
     6.8 + <head profile="http://dublincore.org/documents/2008/08/04/dc-html/ ">
     6.9 +  <meta content="text/html" http-equiv=Content-Type>
    6.10    <meta charset=utf-8>
    6.11 -
    6.12    <title>CSS Generated Content Module Level 3</title>
    6.13 -  <!--
    6.14 +
    6.15 +  <link href="http://purl.org/dc/terms/" rel=schema.dcterms>
    6.16 +  <link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
    6.17 +   rel=dcterms.rights>
    6.18 +  <meta content="CSS Generated Content Module Level 3" name=dcterms.title>
    6.19 +  <meta content=text name=dcterms.type>
    6.20 +  <meta content=2012-04-17 name=dcterms.date>
    6.21 +  <meta content="Håkon Wium Lie" name=dcterms.creator>
    6.22 +  <meta content="Elika J. Etemad" name=dcterms.creator>
    6.23 +  <meta content="Ian Hickson" name=dcterms.creator>
    6.24 +  <meta content=W3C name=dcterms.publisher>
    6.25 +  <meta content="http://dev.w3.org/csswg/css3-content/"
    6.26 +   name=dcterms.identifier><!--
    6.27        FIXME when publishing: copy the current default.css and link to
    6.28        "default.css" rather than "../default.css"
    6.29    -->
    6.30 +
    6.31    <link href="../default.css" rel=stylesheet type="text/css">
    6.32 +  <link href="../csslogo.ico" rel="shortcut icon" type="image/x-icon">
    6.33    <link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet
    6.34 -  type="text/css">
    6.35 - </head>
    6.36 +   type="text/css"></head>
    6.37   <!-- TODO:
    6.38   ! * Sync with CSS2.1 and GCPM
    6.39   ! * Clean up descriptions and organize into something coherent
    6.40 @@ -55,13 +68,15 @@
    6.41  
    6.42      <dd><a
    6.43       href="http://www.w3.org/TR/2003/WD-css3-content-20030514/">http://www.w3.org/TR/2003/WD-css3-content-20030514/</a>
    6.44 -  <dt>Feedback:</dt>
    6.45 -    <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-content%5D%20feedback"
    6.46 -         >www-style@w3.org</a> 
    6.47 -         with subject line &ldquo;<kbd>[css-content] 
    6.48 -         <var>&hellip; message topic &hellip;</var></kbd>&rdquo;
    6.49 -         (<a rel="discussion" href="http://lists.w3.org/Archives/Public/www-style/"
    6.50 -           >archives</a>)
    6.51 +
    6.52 +    <dt>Feedback:
    6.53 +
    6.54 +    <dd><a
    6.55 +     href="mailto:www-style@w3.org?subject=%5Bcss-content%5D%20feedback">www-style@w3.org</a>
    6.56 +     with subject line “<kbd>[css-content] <var>… message topic
    6.57 +     …</var></kbd>” (<a
    6.58 +     href="http://lists.w3.org/Archives/Public/www-style/"
    6.59 +     rel=discussion>archives</a>)
    6.60  
    6.61      <dt>Editors:
    6.62  
    6.63 @@ -78,13 +93,14 @@
    6.64  
    6.65     <p class=copyright><a
    6.66      href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
    6.67 -    rel=license>Copyright</a> &copy; 2012 <a href="http://www.w3.org/"><abbr
    6.68 -    title="World Wide Web Consortium">W3C</abbr></a><sup>&reg;</sup> (<a
    6.69 +    rel=license>Copyright</a> © 2012 <a href="http://www.w3.org/"><abbr
    6.70 +    title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a
    6.71      href="http://www.csail.mit.edu/"><abbr
    6.72      title="Massachusetts Institute of Technology">MIT</abbr></a>, <a
    6.73      href="http://www.ercim.eu/"><abbr
    6.74      title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>,
    6.75 -    <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
    6.76 +    <a href="http://www.keio.ac.jp/">Keio</a>, <a
    6.77 +    href="http://ev.buaa.edu.cn/">Beihang</a>), All Rights Reserved. W3C <a
    6.78      href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
    6.79      <a
    6.80      href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>
    6.81 @@ -94,7 +110,7 @@
    6.82     <!--end-copyright-->
    6.83     <hr title="Separator for header">
    6.84    </div>
    6.85 -  <details class=obsolete open> <summary>Obsoletion Notice</summary>
    6.86 +  <details class=obsolete open=open> <summary>Obsoletion Notice</summary>
    6.87    <p>This specification is not being actively maintained, and should not be
    6.88     used as a guide for implementations. It may be revived in the future, but
    6.89     for now should be considered obsolete. <br>
    6.90 @@ -102,7 +118,7 @@
    6.91     email to the CSS Working Group's mailing list at <a
    6.92     href="mailto:www-style@w3.org">www-style@w3.org</a>. (Before sending mail
    6.93     for the first time, you have to subscribe at <a
    6.94 -   href="http://lists.w3.org/Archives/Public/www-style/">http://lists.w3.org/Archives/Public/www-style/</a>.)</p>
    6.95 +   href="http://lists.w3.org/Archives/Public/www-style/">http://lists.w3.org/Archives/Public/www-style/</a>.)
    6.96    </details>
    6.97    <h2 class="no-num no-toc" id=abstract>Abstract</h2>
    6.98  
    6.99 @@ -125,24 +141,25 @@
   6.100     www-style@w3.org</a> (see <a
   6.101     href="http://www.w3.org/Mail/Request">instructions</a>) is preferred for
   6.102     discussion of this specification. When sending e-mail, please put the text
   6.103 -   &#8220;css3-content&#8221; in the subject, preferably like this:
   6.104 -   &#8220;[<!---->css3-content<!---->] <em>&hellip;summary of
   6.105 -   comment&hellip;</em>&#8221;
   6.106 -
   6.107 -  <p>This document was produced by the <a href="/Style/CSS/members">CSS
   6.108 -   Working Group</a> (part of the <a href="/Style/">Style Activity</a>).
   6.109 +   “css3-content” in the subject, preferably like this:
   6.110 +   “[<!---->css3-content<!---->] <em>…summary of comment…</em>”
   6.111 +
   6.112 +  <p>This document was produced by the <a
   6.113 +   href="http://www.w3.org/Style/CSS/members">CSS Working Group</a> (part of
   6.114 +   the <a href="http://www.w3.org/Style/">Style Activity</a>).
   6.115  
   6.116    <p>This document was produced by a group operating under the <a
   6.117 -   href="/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent
   6.118 -   Policy</a>. W3C maintains a <a href="/2004/01/pp-impl/32061/status"
   6.119 +   href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February
   6.120 +   2004 W3C Patent Policy</a>. W3C maintains a <a
   6.121 +   href="http://www.w3.org/2004/01/pp-impl/32061/status"
   6.122     rel=disclosure>public list of any patent disclosures</a> made in
   6.123     connection with the deliverables of the group; that page also includes
   6.124     instructions for disclosing a patent. An individual who has actual
   6.125     knowledge of a patent which the individual believes contains <a
   6.126 -   href="/Consortium/Patent-Policy-20040205/#def-essential">Essential
   6.127 +   href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential
   6.128     Claim(s)</a> must disclose the information in accordance with <a
   6.129 -   href="/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the
   6.130 -   W3C Patent Policy</a>.</p>
   6.131 +   href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section
   6.132 +   6 of the W3C Patent Policy</a>.</p>
   6.133    <!--end-status-->
   6.134  
   6.135    <h2 class="no-num no-toc" id=contents>Table of contents</h2>
   6.136 @@ -159,33 +176,32 @@
   6.137      </span>Pseudo-elements</a>
   6.138      <ul class=toc>
   6.139       <li><a href="#inserting-content-into-an-element-the-be"><span
   6.140 -      class=secno>3.1. </span>Inserting content into an element: the
   6.141 -      &lsquo;<code class=css>::before</code>&rsquo; and &lsquo;<code
   6.142 -      class=css>::after</code>&rsquo; pseudo-elements</a>
   6.143 +      class=secno>3.1. </span>Inserting content into an element: the ‘<code
   6.144 +      class=css>::before</code>’ and ‘<code class=css>::after</code>’
   6.145 +      pseudo-elements</a>
   6.146  
   6.147       <li><a href="#block-markers-the-marker-pseudo-element"><span
   6.148 -      class=secno>3.2. </span>Block markers: The &lsquo;<code
   6.149 -      class=css>::marker</code>&rsquo; pseudo-element</a>
   6.150 +      class=secno>3.2. </span>Block markers: The ‘<code
   6.151 +      class=css>::marker</code>’ pseudo-element</a>
   6.152  
   6.153       <li><a href="#line-markers-the-line-marker-pseudo-elem"><span
   6.154 -      class=secno>3.3. </span>Line markers: The &lsquo;<code
   6.155 -      class=css>::line-marker</code>&rsquo; pseudo-element</a>
   6.156 +      class=secno>3.3. </span>Line markers: The ‘<code
   6.157 +      class=css>::line-marker</code>’ pseudo-element</a>
   6.158      </ul>
   6.159  
   6.160     <li><a href="#specifying-quotes-with-the-quotes-proper"><span
   6.161      class=secno>4. </span>Specifying quotes with the <span
   6.162 -    class=propinst-quotes>&lsquo;<code
   6.163 -    class=property>quotes</code>&rsquo;</span> property</a>
   6.164 +    class=propinst-quotes>‘<code class=property>quotes</code>’</span>
   6.165 +    property</a>
   6.166      <ul class=toc>
   6.167       <li><a href="#inserting-quotes-with-the-content-proper"><span
   6.168 -      class=secno>4.1. </span>Inserting quotes with the &lsquo;<code
   6.169 -      class=property>content</code>&rsquo; property</a>
   6.170 +      class=secno>4.1. </span>Inserting quotes with the ‘<code
   6.171 +      class=property>content</code>’ property</a>
   6.172      </ul>
   6.173  
   6.174     <li><a href="#counters"><span class=secno>5. </span>Automatic counters and
   6.175 -    numbering: the &lsquo;<code
   6.176 -    class=property>counter-increment</code>&rsquo; and &lsquo;<code
   6.177 -    class=property>counter-reset</code>&rsquo; properties</a>
   6.178 +    numbering: the ‘<code class=property>counter-increment</code>’ and
   6.179 +    ‘<code class=property>counter-reset</code>’ properties</a>
   6.180      <ul class=toc>
   6.181       <li><a href="#nested-counters-and-scope"><span class=secno>5.1.
   6.182        </span>Nested counters and scope</a>
   6.183 @@ -194,27 +210,28 @@
   6.184        styles</a>
   6.185  
   6.186       <li><a href="#counters-in-elements-with-display-none"><span
   6.187 -      class=secno>5.3. </span>Counters in elements with &lsquo;<code
   6.188 -      class=css>display: none</code>&rsquo;</a>
   6.189 +      class=secno>5.3. </span>Counters in elements with ‘<code
   6.190 +      class=css>display: none</code>’</a>
   6.191  
   6.192       <li><a href="#reserved-counter-names"><span class=secno>5.4.
   6.193        </span>Reserved Counter Names</a>
   6.194      </ul>
   6.195  
   6.196 -   <li><a href="#strings"><span class=secno>6. </span>Named strings</a>
   6.197 +   <li><a href="#named-strings"><span class=secno>6. </span>Named strings</a>
   6.198 +
   6.199      <ul class=toc>
   6.200 -     <li><a href="#counter-styles0"><span class=secno>6.1.
   6.201 -      </span>&lsquo;<code class=css>@counter-styles</code>&rsquo;</a>
   6.202 +     <li><a href="#atcounter-styles"><span class=secno>6.1. </span>‘<code
   6.203 +      class=css>@counter-styles</code>’</a>
   6.204  
   6.205       <li><a href="#page-policy"><span class=secno>6.2. </span>Determining
   6.206 -      which counter or string-set value to use: the &lsquo;<code
   6.207 -      class=property>page-policy</code>&rsquo; property</a>
   6.208 +      which counter or string-set value to use: the ‘<code
   6.209 +      class=property>page-policy</code>’ property</a>
   6.210      </ul>
   6.211  
   6.212     <li><a href="#inserting-and-replacing-content-with-the"><span
   6.213      class=secno>7. </span>Inserting and replacing content with the <span
   6.214 -    class=propinst-content>&lsquo;<code
   6.215 -    class=property>content</code>&rsquo;</span> property</a>
   6.216 +    class=propinst-content>‘<code class=property>content</code>’</span>
   6.217 +    property</a>
   6.218  
   6.219     <li><a href="#replacedContent"><span class=secno>8. </span>Replaced
   6.220      content</a>
   6.221 @@ -281,9 +298,9 @@
   6.222  </pre>
   6.223  
   6.224    <p>Another effect commonly requested by authors is that of line numbering.
   6.225 -   This module introduces the &lsquo;<code
   6.226 -   class=css>::line-marker</code>&rsquo; pseudo-element that is attached to
   6.227 -   the front of every line box, which can be used for this purpose.
   6.228 +   This module introduces the ‘<code class=css>::line-marker</code>’
   6.229 +   pseudo-element that is attached to the front of every line box, which can
   6.230 +   be used for this purpose.
   6.231  
   6.232    <pre>
   6.233  pre { counter-reset: line; }
   6.234 @@ -315,8 +332,8 @@
   6.235  
   6.236     <dd> A pseudo-element's originating element is the element to which it is
   6.237      associated. e.g. the originating element of the pseudo-element matched by
   6.238 -    &lsquo;<code class=css>::before</code>&rsquo; is the element to which it
   6.239 -    is attached. Note that an element never has a originating element, and a
   6.240 +    ‘<code class=css>::before</code>’ is the element to which it is
   6.241 +    attached. Note that an element never has a originating element, and a
   6.242      pseudo-element always has exactly one. This term is sometimes shortened
   6.243      to "superior".
   6.244    </dl>
   6.245 @@ -334,28 +351,28 @@
   6.246     specification.
   6.247  
   6.248    <h3 id=inserting-content-into-an-element-the-be><span class=secno>3.1.
   6.249 -   </span>Inserting content into an element: the &lsquo;<code
   6.250 -   class=css>::before</code>&rsquo; and &lsquo;<code
   6.251 -   class=css>::after</code>&rsquo; pseudo-elements</h3>
   6.252 -
   6.253 -  <p>The &lsquo;<code class=css>::before</code>&rsquo; and &lsquo;<code
   6.254 -   class=css>::after</code>&rsquo; pseudo-elements are used to insert content
   6.255 +   </span>Inserting content into an element: the ‘<code
   6.256 +   class=css>::before</code>’ and ‘<code class=css>::after</code>’
   6.257 +   pseudo-elements</h3>
   6.258 +
   6.259 +  <p>The ‘<code class=css>::before</code>’ and ‘<code
   6.260 +   class=css>::after</code>’ pseudo-elements are used to insert content
   6.261     immediately before and immediately after the content of an element (or
   6.262 -   other pseudo-element). The &lsquo;<a href="#content"><code
   6.263 -   class=property>content</code></a>&rsquo; propety is used to specify the
   6.264 +   other pseudo-element). The ‘<a href="#content"><code
   6.265 +   class=property>content</code></a>’ propety is used to specify the
   6.266     content to insert.
   6.267  
   6.268    <div class=example>
   6.269     <p>For example, the following rule replaces the content of
   6.270      <code>&lt;abbr&gt;</code> elements with the contents of the element's
   6.271 -    <code>title</code> attribute:</p>
   6.272 +    <code>title</code> attribute:
   6.273  
   6.274     <pre>
   6.275  abbr { content: attr(title); }
   6.276  </pre>
   6.277  
   6.278     <p>The following rule inserts the string "Note: " before the content of
   6.279 -    every P element whose "class" attribute has the value "note":</p>
   6.280 +    every P element whose "class" attribute has the value "note":
   6.281  
   6.282     <pre>
   6.283  P.note:before { content: "Note: " }
   6.284 @@ -373,25 +390,24 @@
   6.285    <p>...would cause a solid green border to be rendered around the entire
   6.286     paragraph, including the initial string.
   6.287  
   6.288 -  <p>The &lsquo;<code class=css>::before</code>&rsquo; and &lsquo;<code
   6.289 -   class=css>::after</code>&rsquo; pseudo-elements inherit any inheritable
   6.290 +  <p>The ‘<code class=css>::before</code>’ and ‘<code
   6.291 +   class=css>::after</code>’ pseudo-elements inherit any inheritable
   6.292     properties from their originating element.
   6.293  
   6.294 -  <p>For a &lsquo;<code class=css>::before</code>&rsquo; or &lsquo;<code
   6.295 -   class=css>::after</code>&rsquo; pseudo-element to be generated, the
   6.296 -   pseudo-element must not have its &lsquo;<a href="#content"><code
   6.297 -   class=property>content</code></a>&rsquo; property set to &lsquo;<a
   6.298 -   href="#inhibit"><code class=property>inhibit</code></a>&rsquo; or its
   6.299 -   &lsquo;<code class=property>display</code>&rsquo; property set to
   6.300 -   &lsquo;<a href="#none0"><code class=property>none</code></a>&rsquo;. Note
   6.301 -   that for &lsquo;<code class=css>::before</code>&rsquo; and &lsquo;<code
   6.302 -   class=css>::after</code>&rsquo; pseudo-elements, the initial value of
   6.303 -   &lsquo;<a href="#content"><code class=property>content</code></a>&rsquo;
   6.304 -   computes to &lsquo;<a href="#inhibit"><code
   6.305 -   class=property>inhibit</code></a>&rsquo;.
   6.306 -
   6.307 -  <p>Using a &lsquo;<code class=css>::before</code>&rsquo; pseudo-element in
   6.308 -   the context of the anonymous table elements works exactly as if an actual
   6.309 +  <p>For a ‘<code class=css>::before</code>’ or ‘<code
   6.310 +   class=css>::after</code>’ pseudo-element to be generated, the
   6.311 +   pseudo-element must not have its ‘<a href="#content"><code
   6.312 +   class=property>content</code></a>’ property set to ‘<a
   6.313 +   href="#inhibit"><code class=property>inhibit</code></a>’ or its ‘<code
   6.314 +   class=property>display</code>’ property set to ‘<a href="#none0"><code
   6.315 +   class=property>none</code></a>’. Note that for ‘<code
   6.316 +   class=css>::before</code>’ and ‘<code class=css>::after</code>’
   6.317 +   pseudo-elements, the initial value of ‘<a href="#content"><code
   6.318 +   class=property>content</code></a>’ computes to ‘<a
   6.319 +   href="#inhibit"><code class=property>inhibit</code></a>’.
   6.320 +
   6.321 +  <p>Using a ‘<code class=css>::before</code>’ pseudo-element in the
   6.322 +   context of the anonymous table elements works exactly as if an actual
   6.323     element had been introduced. For example:
   6.324  
   6.325    <pre>
   6.326 @@ -409,49 +425,49 @@
   6.327  &lt;/table&gt;
   6.328  </pre>
   6.329  
   6.330 -  <p>An anonymous table cell box is generated around the &lsquo;<code
   6.331 -   class=css>::before</code>&rsquo; content in this case, resulting in a
   6.332 -   3&times;2 table.
   6.333 +  <p>An anonymous table cell box is generated around the ‘<code
   6.334 +   class=css>::before</code>’ content in this case, resulting in a 3×2
   6.335 +   table.
   6.336  
   6.337    <h3 id=block-markers-the-marker-pseudo-element><span class=secno>3.2.
   6.338 -   </span>Block markers: The &lsquo;<code class=css>::marker</code>&rsquo;
   6.339 +   </span>Block markers: The ‘<code class=css>::marker</code>’
   6.340     pseudo-element</h3>
   6.341  
   6.342 -  <p>For a &lsquo;<code class=css>::marker</code>&rsquo; pseudo-element to be
   6.343 -   generated, its superior parent must have a computed &lsquo;<code
   6.344 -   class=property>display</code>&rsquo; value of &lsquo;<code
   6.345 -   class=property>list-item</code>&rsquo;.
   6.346 +  <p>For a ‘<code class=css>::marker</code>’ pseudo-element to be
   6.347 +   generated, its superior parent must have a computed ‘<code
   6.348 +   class=property>display</code>’ value of ‘<code
   6.349 +   class=property>list-item</code>’.
   6.350  
   6.351    <p>For further details on the rendering model for list markers, see the
   6.352     CSS3 Lists module.</p>
   6.353    <!--=======================================================================-->
   6.354  
   6.355    <h3 id=line-markers-the-line-marker-pseudo-elem><span class=secno>3.3.
   6.356 -   </span>Line markers: The &lsquo;<code
   6.357 -   class=css>::line-marker</code>&rsquo; pseudo-element</h3>
   6.358 -
   6.359 -  <p>The &lsquo;<code class=css>::line-marker</code>&rsquo; pseudo-element is
   6.360 -   positioned in exactly the same way as the &lsquo;<code
   6.361 -   class=css>::marker</code>&rsquo; pseudo-element, but appears on every
   6.362 -   line, not just the first.
   6.363 -
   6.364 -  <p>Line boxes are responsible for generating &lsquo;<code
   6.365 -   class=css>::line-marker</code>&rsquo; pseudo-elements. For each line, one
   6.366 -   such marker is created for every block ancestor in the current block
   6.367 -   formatting context. [!CSS21] In addition, for the &lsquo;<code
   6.368 -   class=css>::line-marker</code>&rsquo; pseudo-element to be created, its
   6.369 -   &lsquo;<a href="#content"><code class=property>content</code></a>&rsquo;
   6.370 -   property must have a computed value other than &lsquo;<a
   6.371 -   href="#none0"><code class=property>none</code></a>&rsquo; or &lsquo;<a
   6.372 -   href="#inhibit"><code class=property>inhibit</code></a>&rsquo;.</p>
   6.373 +   </span>Line markers: The ‘<code class=css>::line-marker</code>’
   6.374 +   pseudo-element</h3>
   6.375 +
   6.376 +  <p>The ‘<code class=css>::line-marker</code>’ pseudo-element is
   6.377 +   positioned in exactly the same way as the ‘<code
   6.378 +   class=css>::marker</code>’ pseudo-element, but appears on every line,
   6.379 +   not just the first.
   6.380 +
   6.381 +  <p>Line boxes are responsible for generating ‘<code
   6.382 +   class=css>::line-marker</code>’ pseudo-elements. For each line, one such
   6.383 +   marker is created for every block ancestor in the current block formatting
   6.384 +   context. [!CSS21] In addition, for the ‘<code
   6.385 +   class=css>::line-marker</code>’ pseudo-element to be created, its ‘<a
   6.386 +   href="#content"><code class=property>content</code></a>’ property must
   6.387 +   have a computed value other than ‘<a href="#none0"><code
   6.388 +   class=property>none</code></a>’ or ‘<a href="#inhibit"><code
   6.389 +   class=property>inhibit</code></a>’.</p>
   6.390    <!-- XXX need examples. Also, show overlap of nested blocks' ::marker,
   6.391  ::line-marker, etc. -->
   6.392    <!--=======================================================================-->
   6.393  
   6.394    <h2 id=specifying-quotes-with-the-quotes-proper><span class=secno>4.
   6.395 -   </span><a name=quotes-specify>Specifying quotes</a> with the <span
   6.396 -   class=propinst-quotes>&lsquo;<a href="#quotes"><code
   6.397 -   class=property>quotes</code></a>&rsquo;</span> property</h2>
   6.398 +   </span><a name=quotes-specify>Specifying quotes</a> with the <a
   6.399 +   class=propinst-quotes href="#quotes">‘<code
   6.400 +   class=property>quotes</code>’</a> property</h2>
   6.401  
   6.402    <table class=propdef>
   6.403     <tbody>
   6.404 @@ -491,7 +507,7 @@
   6.405       <td>visual
   6.406  
   6.407      <tr>
   6.408 -     <th>Computed&nbsp;value:
   6.409 +     <th>Computed value:
   6.410  
   6.411       <td>specified value
   6.412    </table>
   6.413 @@ -502,31 +518,30 @@
   6.414    <dl>
   6.415     <dt><dfn id=none>none</dfn>
   6.416  
   6.417 -   <dd>The &lsquo;<a href="#open-quote"><code
   6.418 -    class=property>open-quote</code></a>&rsquo; and &lsquo;<a
   6.419 -    href="#close-quote"><code class=property>close-quote</code></a>&rsquo;
   6.420 -    values of the &lsquo;<a href="#content"><code
   6.421 -    class=property>content</code></a>&rsquo; property produce no quotations
   6.422 -    marks, as if they were &lsquo;<a href="#no-open-quote0"><code
   6.423 -    class=property>no-open-quote</code></a>&rsquo; and &lsquo;<a
   6.424 -    href="#no-close-quote"><code
   6.425 -    class=property>no-close-quote</code></a>&rsquo; respectively.
   6.426 +   <dd>The ‘<a href="#open-quote"><code
   6.427 +    class=property>open-quote</code></a>’ and ‘<a
   6.428 +    href="#close-quote"><code class=property>close-quote</code></a>’ values
   6.429 +    of the ‘<a href="#content"><code class=property>content</code></a>’
   6.430 +    property produce no quotations marks, as if they were ‘<a
   6.431 +    href="#no-open-quote"><code class=property>no-open-quote</code></a>’
   6.432 +    and ‘<a href="#no-close-quote"><code
   6.433 +    class=property>no-close-quote</code></a>’ respectively.
   6.434  
   6.435     <dt>[ &lt;string&gt; &lt;string&gt; ]+
   6.436  
   6.437 -   <dd>Values for the &lsquo;<a href="#open-quote"><code
   6.438 -    class=property>open-quote</code></a>&rsquo; and &lsquo;<a
   6.439 -    href="#close-quote"><code class=property>close-quote</code></a>&rsquo;
   6.440 -    values of the &lsquo;<a href="#content"><code
   6.441 -    class=property>content</code></a>&rsquo; property are taken from this
   6.442 -    list of pairs of quotation marks (opening and closing). The first
   6.443 -    (leftmost) pair represents the outermost level of quotation, the second
   6.444 -    pair the first level of embedding, etc. The user agent must apply the
   6.445 -    appropriate pair of quotation marks according to the level of embedding.
   6.446 +   <dd>Values for the ‘<a href="#open-quote"><code
   6.447 +    class=property>open-quote</code></a>’ and ‘<a
   6.448 +    href="#close-quote"><code class=property>close-quote</code></a>’ values
   6.449 +    of the ‘<a href="#content"><code class=property>content</code></a>’
   6.450 +    property are taken from this list of pairs of quotation marks (opening
   6.451 +    and closing). The first (leftmost) pair represents the outermost level of
   6.452 +    quotation, the second pair the first level of embedding, etc. The user
   6.453 +    agent must apply the appropriate pair of quotation marks according to the
   6.454 +    level of embedding.
   6.455    </dl>
   6.456  
   6.457    <div class=example>
   6.458 -   <p>For example, applying the following style sheet:</p>
   6.459 +   <p>For example, applying the following style sheet:
   6.460  
   6.461     <pre>
   6.462  /* Specify pairs of quotes for two levels in two languages */
   6.463 @@ -538,7 +553,7 @@
   6.464  q::after  { content: close-quote }
   6.465  </pre>
   6.466  
   6.467 -   <p>to the following HTML fragment:</p>
   6.468 +   <p>to the following HTML fragment:
   6.469  
   6.470     <pre class=html-example>
   6.471  &lt;HTML lang="en"&gt;
   6.472 @@ -551,13 +566,13 @@
   6.473  &lt;/HTML&gt;
   6.474  </pre>
   6.475  
   6.476 -   <p>would allow a user agent to produce:</p>
   6.477 +   <p>would allow a user agent to produce:
   6.478  
   6.479     <pre class=ascii-art>
   6.480  "Quote me!"
   6.481  </pre>
   6.482  
   6.483 -   <p>while this HTML fragment:</p>
   6.484 +   <p>while this HTML fragment:
   6.485  
   6.486     <pre class=html-example>
   6.487  &lt;HTML lang="no"&gt;
   6.488 @@ -565,25 +580,24 @@
   6.489      &lt;TITLE&gt;Quotes&lt;/TITLE&gt;
   6.490    &lt;/HEAD&gt;
   6.491    &lt;BODY&gt;
   6.492 -    &lt;P&gt;&lt;Q&gt;Tr&oslash;ndere gr&aring;ter n&aring;r &lt;Q&gt;Vinsjan p&aring; kaia&lt;/Q&gt; blir deklamert.&lt;/Q&gt;
   6.493 +    &lt;P&gt;&lt;Q&gt;Trøndere gråter når &lt;Q&gt;Vinsjan på kaia&lt;/Q&gt; blir deklamert.&lt;/Q&gt;
   6.494    &lt;/BODY&gt;
   6.495  &lt;/HTML&gt;
   6.496  </pre>
   6.497  
   6.498 -   <p>would produce:</p>
   6.499 +   <p>would produce:
   6.500  
   6.501     <pre class=ascii-art>
   6.502 -+Tr&oslash;ndere gr&aring;ter n&aring;r &lt;Vinsjan p&aring; kaia&gt; blir deklamert.;
   6.503 ++Trøndere gråter når &lt;Vinsjan på kaia&gt; blir deklamert.;
   6.504  </pre>
   6.505    </div>
   6.506  
   6.507    <div class=note>
   6.508 -   <p><em>Note.</em> While the quotation marks specified by &lsquo;<a
   6.509 -    href="#quotes"><code class=property>quotes</code></a>&rsquo; in the
   6.510 -    previous examples are conveniently located on computer keyboards, high
   6.511 -    quality typesetting would require different ISO 10646 characters. The
   6.512 -    following informative table lists some of the ISO 10646 quotation mark
   6.513 -    characters:</p>
   6.514 +   <p><em>Note.</em> While the quotation marks specified by ‘<a
   6.515 +    href="#quotes"><code class=property>quotes</code></a>’ in the previous
   6.516 +    examples are conveniently located on computer keyboards, high quality
   6.517 +    typesetting would require different ISO 10646 characters. The following
   6.518 +    informative table lists some of the ISO 10646 quotation mark characters:
   6.519  
   6.520     <table>
   6.521      <tbody>
   6.522 @@ -593,77 +607,77 @@
   6.523        <th>Description
   6.524  
   6.525       <tr>
   6.526 -      <td>&#x0022;
   6.527 +      <td>&#x22;
   6.528  
   6.529        <td>U+0022
   6.530  
   6.531        <td>QUOTATION MARK (the ASCII double quotation mark)
   6.532  
   6.533       <tr>
   6.534 -      <td>&#x0027;
   6.535 +      <td>'
   6.536  
   6.537        <td>U+0027
   6.538  
   6.539        <td>APOSTROPHE (the ASCII single quotation mark)
   6.540  
   6.541       <tr>
   6.542 -      <td>&#x2039;
   6.543 +      <td>‹
   6.544  
   6.545        <td>U+2039
   6.546  
   6.547        <td>SINGLE LEFT-POINTING ANGLE QUOTATION MARK
   6.548  
   6.549       <tr>
   6.550 -      <td>&#x203A;
   6.551 +      <td>›
   6.552  
   6.553        <td>U+203A
   6.554  
   6.555        <td>SINGLE RIGHT-POINTING ANGLE QUOTATION MARK
   6.556  
   6.557       <tr>
   6.558 -      <td>&#x00AB;
   6.559 +      <td>«
   6.560  
   6.561        <td>U+00AB
   6.562  
   6.563        <td>LEFT-POINTING DOUBLE ANGLE QUOTATION MARK
   6.564  
   6.565       <tr>
   6.566 -      <td>&#x00BB;
   6.567 +      <td>»
   6.568  
   6.569        <td>U+00BB
   6.570  
   6.571        <td>RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK
   6.572  
   6.573       <tr>
   6.574 -      <td>&#x2018;
   6.575 +      <td>‘
   6.576  
   6.577        <td>U+2018
   6.578  
   6.579        <td>LEFT SINGLE QUOTATION MARK (single high-6)
   6.580  
   6.581       <tr>
   6.582 -      <td>&#x2019;
   6.583 +      <td>’
   6.584  
   6.585        <td>U+2019
   6.586  
   6.587        <td>RIGHT SINGLE QUOTATION MARK (single high-9)
   6.588  
   6.589       <tr>
   6.590 -      <td>&#x201C;
   6.591 +      <td>“
   6.592  
   6.593        <td>U+201C
   6.594  
   6.595        <td>LEFT DOUBLE QUOTATION MARK (double high-6)
   6.596  
   6.597       <tr>
   6.598 -      <td>&#x201D;
   6.599 +      <td>”
   6.600  
   6.601        <td>U+201D
   6.602  
   6.603        <td>RIGHT DOUBLE QUOTATION MARK (double high-9)
   6.604  
   6.605       <tr>
   6.606 -      <td>&#x201E;
   6.607 +      <td>„
   6.608  
   6.609        <td>U+201E
   6.610  
   6.611 @@ -672,34 +686,31 @@
   6.612    </div>
   6.613  
   6.614    <h3 id=inserting-quotes-with-the-content-proper><span class=secno>4.1.
   6.615 -   </span>Inserting quotes with the &lsquo;<a href="#content"><code
   6.616 -   class=property>content</code></a>&rsquo; property</h3>
   6.617 +   </span>Inserting quotes with the ‘<a href="#content"><code
   6.618 +   class=property>content</code></a>’ property</h3>
   6.619  
   6.620    <p>Quotation marks are inserted in appropriate places in a document with
   6.621 -   the &lsquo;<a href="#open-quote"><code
   6.622 -   class=property>open-quote</code></a>&rsquo; and &lsquo;<a
   6.623 -   href="#close-quote"><code class=property>close-quote</code></a>&rsquo;
   6.624 -   values of the &lsquo;<a href="#content"><code
   6.625 -   class=property>content</code></a>&rsquo; property. Each occurrence of
   6.626 -   &lsquo;<a href="#open-quote"><code
   6.627 -   class=property>open-quote</code></a>&rsquo; or &lsquo;<a
   6.628 -   href="#close-quote"><code class=property>close-quote</code></a>&rsquo; is
   6.629 -   replaced by one of the strings from the value of &lsquo;<a
   6.630 -   href="#quotes"><code class=property>quotes</code></a>&rsquo;, based on the
   6.631 -   depth of nesting.
   6.632 -
   6.633 -  <p>&lsquo;<a href="#open-quote"><code
   6.634 -   class=property>Open-quote</code></a>&rsquo; refers to the first of a pair
   6.635 -   of quotes, &lsquo;<a href="#close-quote"><code
   6.636 -   class=property>close-quote</code></a>&rsquo; refers to the second. Which
   6.637 -   pair of quotes is used depends on the nesting level of quotes: the number
   6.638 -   of occurrences of &lsquo;<a href="#open-quote"><code
   6.639 -   class=property>open-quote</code></a>&rsquo; in all generated text before
   6.640 -   the current occurrence, minus the number of occurrences of &lsquo;<a
   6.641 -   href="#close-quote"><code class=property>close-quote</code></a>&rsquo;. If
   6.642 -   the depth is 0, the first pair is used, if the depth is 1, the second pair
   6.643 -   is used, etc. If the depth is greater than the number of pairs, the last
   6.644 -   pair is repeated.
   6.645 +   the ‘<a href="#open-quote"><code class=property>open-quote</code></a>’
   6.646 +   and ‘<a href="#close-quote"><code
   6.647 +   class=property>close-quote</code></a>’ values of the ‘<a
   6.648 +   href="#content"><code class=property>content</code></a>’ property. Each
   6.649 +   occurrence of ‘<a href="#open-quote"><code
   6.650 +   class=property>open-quote</code></a>’ or ‘<a href="#close-quote"><code
   6.651 +   class=property>close-quote</code></a>’ is replaced by one of the strings
   6.652 +   from the value of ‘<a href="#quotes"><code
   6.653 +   class=property>quotes</code></a>’, based on the depth of nesting.
   6.654 +
   6.655 +  <p>‘<a href="#open-quote"><code class=property>Open-quote</code></a>’
   6.656 +   refers to the first of a pair of quotes, ‘<a href="#close-quote"><code
   6.657 +   class=property>close-quote</code></a>’ refers to the second. Which pair
   6.658 +   of quotes is used depends on the nesting level of quotes: the number of
   6.659 +   occurrences of ‘<a href="#open-quote"><code
   6.660 +   class=property>open-quote</code></a>’ in all generated text before the
   6.661 +   current occurrence, minus the number of occurrences of ‘<a
   6.662 +   href="#close-quote"><code class=property>close-quote</code></a>’. If the
   6.663 +   depth is 0, the first pair is used, if the depth is 1, the second pair is
   6.664 +   used, etc. If the depth is greater than the number of pairs, the last pair
   6.665 +   is repeated.
   6.666  
   6.667    <p>Note that this quoting depth is independent of the nesting of the source
   6.668     document or the formatting structure.
   6.669 @@ -707,15 +718,13 @@
   6.670    <p>Some typographic styles require open quotation marks to be repeated
   6.671     before every paragraph of a quote spanning several paragraphs, but only
   6.672     the last paragraph ends with a closing quotation mark. In CSS, this can be
   6.673 -   achieved by inserting "phantom" closing quotes. The keyword &lsquo;<a
   6.674 -   href="#no-close-quote"><code
   6.675 -   class=property>no-close-quote</code></a>&rsquo; decrements the quoting
   6.676 -   level, but does not insert a quotation mark.
   6.677 +   achieved by inserting "phantom" closing quotes. The keyword ‘<a
   6.678 +   href="#no-close-quote"><code class=property>no-close-quote</code></a>’
   6.679 +   decrements the quoting level, but does not insert a quotation mark.
   6.680  
   6.681    <div class=example>
   6.682     <p>The following style sheet puts opening quotation marks on every
   6.683      paragraph in a BLOCKQUOTE, and inserts a single closing quote at the end:
   6.684 -    
   6.685  
   6.686     <pre>
   6.687  BLOCKQUOTE P:before     { content: open-quote }
   6.688 @@ -725,14 +734,13 @@
   6.689  
   6.690     <p>This relies on the last paragraph being marked with a class "last",
   6.691      since there are no selectors that can match the last child of an element.
   6.692 -    
   6.693    </div>
   6.694  
   6.695 -  <p>For symmetry, there is also a <a class=index-def href="#no-open-quote0"
   6.696 -   id=no-open-quote title=no-open-quote></a><a class=value-def
   6.697 -   name=value-def-no-open-quote>&lsquo;<code
   6.698 -   class=property>no-open-quote</code>&rsquo;</a> keyword, which inserts
   6.699 -   nothing, but increments the quotation depth by one.
   6.700 +  <p>For symmetry, there is also a <a class=index-def href="#no-open-quote"
   6.701 +   id=x title=no-open-quote></a><a class=value-def
   6.702 +   name=value-def-no-open-quote>‘<code
   6.703 +   class=property>no-open-quote</code>’</a> keyword, which inserts nothing,
   6.704 +   but increments the quotation depth by one.
   6.705  
   6.706    <div class=note>
   6.707     <p> <em>Note.</em> If a quotation is in a different language than the
   6.708 @@ -745,24 +753,23 @@
   6.709     <p>For example, French inside English:
   6.710  
   6.711     <blockquote>
   6.712 -    <p>The device of the order of the garter is &#8220;Honi soit qui mal y
   6.713 -     pense.&#8221;
   6.714 +    <p>The device of the order of the garter is “Honi soit qui mal y
   6.715 +     pense.”
   6.716     </blockquote>
   6.717     English inside French:
   6.718     <blockquote>
   6.719 -    <p>Il disait: +&nbsp;Il faut mettre l'action en &#8249;&nbsp;fast
   6.720 -     forward&nbsp;&#8250;.;
   6.721 +    <p>Il disait: + Il faut mettre l'action en ‹ fast forward ›.;
   6.722     </blockquote>
   6.723  
   6.724 -   <p>A style sheet like the following will set the &lsquo;<a
   6.725 -    href="#quotes"><code class=property>quotes</code></a>&rsquo; property so
   6.726 -    that &lsquo;<a href="#open-quote"><code
   6.727 -    class=property>open-quote</code></a>&rsquo; and &lsquo;<a
   6.728 -    href="#close-quote"><code class=property>close-quote</code></a>&rsquo;
   6.729 -    will work correctly on all elements. These rules are for documents that
   6.730 -    contain only English, French, or both. One rule is needed for every
   6.731 -    additional language. Note the use of the child combinator (">") to set
   6.732 -    quotes on elements based on the language of the surrounding text:</p>
   6.733 +   <p>A style sheet like the following will set the ‘<a
   6.734 +    href="#quotes"><code class=property>quotes</code></a>’ property so that
   6.735 +    ‘<a href="#open-quote"><code class=property>open-quote</code></a>’
   6.736 +    and ‘<a href="#close-quote"><code
   6.737 +    class=property>close-quote</code></a>’ will work correctly on all
   6.738 +    elements. These rules are for documents that contain only English,
   6.739 +    French, or both. One rule is needed for every additional language. Note
   6.740 +    the use of the child combinator (">") to set quotes on elements based on
   6.741 +    the language of the surrounding text:
   6.742  
   6.743     <pre>
   6.744  :lang(fr) > * { quotes: "+" ";" "\2039" "\203A" }
   6.745 @@ -774,29 +781,28 @@
   6.746      look like this:
   6.747  
   6.748     <pre>
   6.749 -:lang(fr) > * { quotes: "+" ";" "&#8249;" "&#8250;" }
   6.750 -:lang(en) > * { quotes: "&#8220;" "&#8221;" "&#8216;" "&#8217;" }
   6.751 +:lang(fr) > * { quotes: "+" ";" "‹" "›" }
   6.752 +:lang(en) > * { quotes: "“" "”" "‘" "’" }
   6.753  
   6.754  </pre>
   6.755    </div>
   6.756    <!--=======================================================================-->
   6.757  
   6.758    <h2 id=counters><span class=secno>5. </span>Automatic counters and
   6.759 -   numbering: the &lsquo;<a href="#counter-increment"><code
   6.760 -   class=property>counter-increment</code></a>&rsquo; and &lsquo;<a
   6.761 -   href="#counter-reset"><code class=property>counter-reset</code></a>&rsquo;
   6.762 +   numbering: the ‘<a href="#counter-increment"><code
   6.763 +   class=property>counter-increment</code></a>’ and ‘<a
   6.764 +   href="#counter-reset"><code class=property>counter-reset</code></a>’
   6.765     properties</h2>
   6.766  
   6.767 -  <p>Automatic numbering in CSS2 is controlled with two properties, &lsquo;<a
   6.768 +  <p>Automatic numbering in CSS2 is controlled with two properties, ‘<a
   6.769     href="#counter-increment"><code
   6.770 -   class=property>counter-increment</code></a>&rsquo; and &lsquo;<a
   6.771 -   href="#counter-reset"><code
   6.772 -   class=property>counter-reset</code></a>&rsquo;. The <span class=index-def
   6.773 -   id=counters0 title=counters>counters</span> defined by these properties
   6.774 -   are used with the &lsquo;<code class=css>counter()</code>&rsquo; and
   6.775 -   &lsquo;<code class=css>counters()</code>&rsquo; functions of the the
   6.776 -   &lsquo;<a href="#content"><code class=property>content</code></a>&rsquo;
   6.777 -   property.
   6.778 +   class=property>counter-increment</code></a>’ and ‘<a
   6.779 +   href="#counter-reset"><code class=property>counter-reset</code></a>’.
   6.780 +   The <span class=index-def id=counters0 title=counters>counters</span>
   6.781 +   defined by these properties are used with the ‘<code
   6.782 +   class=css>counter()</code>’ and ‘<code class=css>counters()</code>’
   6.783 +   functions of the the ‘<a href="#content"><code
   6.784 +   class=property>content</code></a>’ property.
   6.785  
   6.786    <table class=propdef>
   6.787     <tbody>
   6.788 @@ -837,7 +843,7 @@
   6.789       <td>all
   6.790  
   6.791      <tr>
   6.792 -     <th>Computed&nbsp;value:
   6.793 +     <th>Computed value:
   6.794  
   6.795       <td>specified value
   6.796    </table>
   6.797 @@ -881,30 +887,29 @@
   6.798       <td>all
   6.799  
   6.800      <tr>
   6.801 -     <th>Computed&nbsp;value:
   6.802 +     <th>Computed value:
   6.803  
   6.804       <td>specified value
   6.805    </table>
   6.806  
   6.807 -  <p>The &lsquo;<a href="#counter-increment"><code
   6.808 -   class=property>counter-increment</code></a>&rsquo; property accepts one or
   6.809 +  <p>The ‘<a href="#counter-increment"><code
   6.810 +   class=property>counter-increment</code></a>’ property accepts one or
   6.811     more names of counters (identifiers), each one optionally followed by an
   6.812     integer. The integer indicates by how much the counter is incremented for
   6.813     every occurrence of the element. The default increment is 1. Zero and
   6.814     negative integers are allowed.
   6.815  
   6.816 -  <p>The &lsquo;<a href="#counter-reset"><code
   6.817 -   class=property>counter-reset</code></a>&rsquo; property also contains a
   6.818 -   list of one or more names of counters, each one optionally followed by an
   6.819 +  <p>The ‘<a href="#counter-reset"><code
   6.820 +   class=property>counter-reset</code></a>’ property also contains a list
   6.821 +   of one or more names of counters, each one optionally followed by an
   6.822     integer. The integer gives the value that the counter is set to on each
   6.823     occurrence of the element. The default is 0.
   6.824  
   6.825 -  <p>If &lsquo;<a href="#counter-increment"><code
   6.826 -   class=property>counter-increment</code></a>&rsquo; refers to a counter
   6.827 -   that is not in the <a href="#scope">scope (see below</a>) of any &lsquo;<a
   6.828 -   href="#counter-reset"><code
   6.829 -   class=property>counter-reset</code></a>&rsquo;, the counter is assumed to
   6.830 -   have been reset to 0 by the root element.
   6.831 +  <p>If ‘<a href="#counter-increment"><code
   6.832 +   class=property>counter-increment</code></a>’ refers to a counter that is
   6.833 +   not in the <a href="#counter-scope">scope (see below</a>) of any ‘<a
   6.834 +   href="#counter-reset"><code class=property>counter-reset</code></a>’,
   6.835 +   the counter is assumed to have been reset to 0 by the root element.
   6.836  
   6.837    <div class=example>
   6.838     <p>This example shows a way to number chapters and sections with "Chapter
   6.839 @@ -924,31 +929,31 @@
   6.840    </div>
   6.841  
   6.842    <p>If an element or pseudo-element resets or increments a counter and also
   6.843 -   uses it (in its &lsquo;<a href="#content"><code
   6.844 -   class=property>content</code></a>&rsquo; property), the counter is used
   6.845 +   uses it (in its ‘<a href="#content"><code
   6.846 +   class=property>content</code></a>’ property), the counter is used
   6.847     <em>after</em> being reset or incremented.
   6.848  
   6.849    <p>If an element or pseudo-element both resets and increments a counter,
   6.850     the counter is reset first and then incremented.
   6.851  
   6.852 -  <p>The &lsquo;<a href="#counter-reset"><code
   6.853 -   class=property>counter-reset</code></a>&rsquo; property follows the
   6.854 -   cascading rules. Thus, due to cascading, the following style sheet:
   6.855 +  <p>The ‘<a href="#counter-reset"><code
   6.856 +   class=property>counter-reset</code></a>’ property follows the cascading
   6.857 +   rules. Thus, due to cascading, the following style sheet:
   6.858  
   6.859    <pre class=example>
   6.860  H1 { counter-reset: section -1 }
   6.861  H1 { counter-reset: imagenum 99 }
   6.862  </pre>
   6.863  
   6.864 -  <p>will only reset &lsquo;<code class=property>imagenum</code>&rsquo;. To
   6.865 -   reset both counters, they have to be specified together:
   6.866 +  <p>will only reset ‘<code class=property>imagenum</code>’. To reset
   6.867 +   both counters, they have to be specified together:
   6.868  
   6.869    <pre class=example>
   6.870  H1 { counter-reset: section -1 imagenum 99 }
   6.871  </pre>
   6.872  
   6.873    <h3 id=nested-counters-and-scope><span class=secno>5.1. </span><a
   6.874 -   name=scope>Nested counters and scope</a></h3>
   6.875 +   name=counter-scope>Nested counters and scope</a></h3>
   6.876  
   6.877    <p>Counters are "self-nesting", in the sense that re-using a counter in a
   6.878     child element automatically creates a new instance of the counter. This is
   6.879 @@ -958,9 +963,9 @@
   6.880  
   6.881    <div class=example>
   6.882     <p>Thus, the following suffices to number nested list items. The result is
   6.883 -    very similar to that of setting &lsquo;<code
   6.884 -    class=css>display:list-item</code>&rsquo; and &lsquo;<code
   6.885 -    class=css>list-style: inside</code>&rsquo; on the LI element:
   6.886 +    very similar to that of setting ‘<code
   6.887 +    class=css>display:list-item</code>’ and ‘<code class=css>list-style:
   6.888 +    inside</code>’ on the LI element:
   6.889  
   6.890     <pre>
   6.891  OL { counter-reset: item }
   6.892 @@ -970,8 +975,8 @@
   6.893    </div>
   6.894  
   6.895    <p>The self-nesting is based on the principle that every element or
   6.896 -   pseudo-element that has a &lsquo;<a href="#counter-reset"><code
   6.897 -   class=property>counter-reset</code></a>&rsquo; for a counter X, creates a
   6.898 +   pseudo-element that has a ‘<a href="#counter-reset"><code
   6.899 +   class=property>counter-reset</code></a>’ for a counter X, creates a
   6.900     fresh counter X, the <dfn id=scope>scope</dfn> of which is the element or
   6.901     pseudo-element, its following siblings, and all the descendants of the
   6.902     element or pseudo-element and its following siblings.
   6.903 @@ -1009,9 +1014,9 @@
   6.904  </pre>
   6.905    </div>
   6.906  
   6.907 -  <p>The &lsquo;<code class=css>counters()</code>&rsquo; function generates a
   6.908 -   string composed of the values of all counters with the same name,
   6.909 -   separated by a given string.
   6.910 +  <p>The ‘<code class=css>counters()</code>’ function generates a string
   6.911 +   composed of the values of all counters with the same name, separated by a
   6.912 +   given string.
   6.913  
   6.914    <div class=example>
   6.915     <p>
   6.916 @@ -1030,13 +1035,11 @@
   6.917     above above example since the last list is number 4. The examples need to
   6.918     reset on the :before pseudo-element for it to work right)
   6.919  
   6.920 -  <h3 id=counter-styles><span class=secno>5.2. </span><a
   6.921 -   name=counter-styles>Counter styles</a></h3>
   6.922 +  <h3 id=counter-styles><span class=secno>5.2. </span>Counter styles</h3>
   6.923  
   6.924    <p>By default, counters are formatted with decimal numbers, but all the
   6.925 -   styles available for the &lsquo;<code
   6.926 -   class=property>list-style-type</code>&rsquo; property are also available
   6.927 -   for counters. The notation is:
   6.928 +   styles available for the ‘<code class=property>list-style-type</code>’
   6.929 +   property are also available for counters. The notation is:
   6.930  
   6.931    <pre>
   6.932  counter(<var>name</var>)
   6.933 @@ -1048,12 +1051,12 @@
   6.934  counter(<var>name</var>, &lt;'list-style-type'&gt;)
   6.935  </pre>
   6.936  
   6.937 -  <p>All the styles are allowed, including the glyph types such as &lsquo;<a
   6.938 -   href="#disc"><code class=property>disc</code></a>&rsquo;, &lsquo;<a
   6.939 -   href="#circle"><code class=property>circle</code></a>&rsquo;, and
   6.940 -   &lsquo;<a href="#square"><code class=property>square</code></a>&rsquo;.
   6.941 -   The &lsquo;<a href="#none0"><code class=property>none</code></a>&rsquo;
   6.942 -   value is also allowed, and causes the counter to generate nothing.
   6.943 +  <p>All the styles are allowed, including the glyph types such as ‘<a
   6.944 +   href="#disc"><code class=property>disc</code></a>’, ‘<a
   6.945 +   href="#circle"><code class=property>circle</code></a>’, and ‘<a
   6.946 +   href="#square"><code class=property>square</code></a>’. The ‘<a
   6.947 +   href="#none0"><code class=property>none</code></a>’ value is also
   6.948 +   allowed, and causes the counter to generate nothing.
   6.949  
   6.950    <div class=example>
   6.951     <pre>
   6.952 @@ -1066,56 +1069,55 @@
   6.953    </div>
   6.954  
   6.955    <h3 id=counters-in-elements-with-display-none><span class=secno>5.3.
   6.956 -   </span>Counters in elements with &lsquo;<code class=css>display:
   6.957 -   none</code>&rsquo;</h3>
   6.958 -
   6.959 -  <p>An element that is not displayed (&lsquo;<code
   6.960 -   class=property>display</code>&rsquo; set to &lsquo;<a href="#none0"><code
   6.961 -   class=property>none</code></a>&rsquo;) cannot increment or reset a
   6.962 -   counter.
   6.963 +   </span>Counters in elements with ‘<code class=css>display:
   6.964 +   none</code>’</h3>
   6.965 +
   6.966 +  <p>An element that is not displayed (‘<code
   6.967 +   class=property>display</code>’ set to ‘<a href="#none0"><code
   6.968 +   class=property>none</code></a>’) cannot increment or reset a counter.
   6.969  
   6.970    <div class=example>
   6.971     <p>For example, with the following style sheet, H2s with class "secret" do
   6.972 -    not increment &lsquo;<code class=css>count2</code>&rsquo;.
   6.973 +    not increment ‘<code class=css>count2</code>’.
   6.974  
   6.975     <pre>
   6.976  H2.secret {counter-increment: count2; display: none}
   6.977  </pre>
   6.978    </div>
   6.979  
   6.980 -  <p>Elements with <span class=propinst-visibility>&lsquo;<code
   6.981 -   class=property>visibility</code>&rsquo;</span> set to &lsquo;<code
   6.982 -   class=property>hidden</code>&rsquo;, on the other hand, <em>do</em>
   6.983 -   increment counters.
   6.984 +  <p>Elements with <span class=propinst-visibility>‘<code
   6.985 +   class=property>visibility</code>’</span> set to ‘<code
   6.986 +   class=property>hidden</code>’, on the other hand, <em>do</em> increment
   6.987 +   counters.
   6.988  
   6.989    <h3 id=reserved-counter-names><span class=secno>5.4. </span>Reserved
   6.990     Counter Names</h3>
   6.991  
   6.992 -  <p>The &lsquo;<code class=property>list-item</code>&rsquo;, &lsquo;<code
   6.993 -   class=property>section-note</code>&rsquo;, &lsquo;<code
   6.994 -   class=property>endnote</code>&rsquo;, and &lsquo;<code
   6.995 -   class=property>footnote</code>&rsquo; counters are not reserved. They are
   6.996 +  <p>The ‘<code class=property>list-item</code>’, ‘<code
   6.997 +   class=property>section-note</code>’, ‘<code
   6.998 +   class=property>endnote</code>’, and ‘<code
   6.999 +   class=property>footnote</code>’ counters are not reserved. They are
  6.1000     ordinary counters that happen to be incremented and used by other
  6.1001     properties as well as the counter properties.
  6.1002  
  6.1003 -  <p>The &lsquo;<code class=property>total-pages</code>&rsquo; counter,
  6.1004 -   however, is reserved. Resetting or increasing this counter has no effect.
  6.1005 -   See the Paged Media module <a href="#CSS3PAGE"
  6.1006 +  <p>The ‘<code class=property>total-pages</code>’ counter, however, is
  6.1007 +   reserved. Resetting or increasing this counter has no effect. See the
  6.1008 +   Paged Media module <a href="#CSS3PAGE"
  6.1009     rel=biblioentry>[CSS3PAGE]<!--{{!CSS3PAGE}}--></a> for more information on
  6.1010     this counter.</p>
  6.1011    <!--=======================================================================-->
  6.1012  
  6.1013 -  <h2 id=strings><span class=secno>6. </span>Named strings</h2>
  6.1014 +  <h2 id=named-strings><span class=secno>6. </span>Named strings</h2>
  6.1015  
  6.1016    <p class=issue>MERGE WITH GCPM
  6.1017  
  6.1018 -  <p>CSS3 introduces &lsquo;<code class=css>named strings</code>&rsquo;,
  6.1019 -   which are the textual equivalent of counters and which have a distinct
  6.1020 -   namespace from counters. Named strings follow the same nesting rules as
  6.1021 -   counters. The &lsquo;<code class=property>string-set</code>&rsquo;
  6.1022 -   property accepts values similar to the &lsquo;<a href="#content"><code
  6.1023 -   class=property>content</code></a>&rsquo; property, including the
  6.1024 -   extraction of the current value of counters.
  6.1025 +  <p>CSS3 introduces ‘<code class=css>named strings</code>’, which are
  6.1026 +   the textual equivalent of counters and which have a distinct namespace
  6.1027 +   from counters. Named strings follow the same nesting rules as counters.
  6.1028 +   The ‘<code class=property>string-set</code>’ property accepts values
  6.1029 +   similar to the ‘<a href="#content"><code
  6.1030 +   class=property>content</code></a>’ property, including the extraction of
  6.1031 +   the current value of counters.
  6.1032  
  6.1033    <p>Named strings are a convenient way to pull metadata out of the document
  6.1034     for insertion into headers and footers. In HTML, for example, META
  6.1035 @@ -1151,19 +1153,19 @@
  6.1036  
  6.1037    <div class=example>
  6.1038     <p>The following example captures the contents of H1 elements, which
  6.1039 -    represent chapter names in this hypothetical document.</p>
  6.1040 +    represent chapter names in this hypothetical document.
  6.1041  
  6.1042     <pre>H1 { string-set: chapter contents; }</pre>
  6.1043  
  6.1044 -   <p>When an H1 element is encountered, the &lsquo;<code
  6.1045 -    class=property>chapter</code>&rsquo; string is set to the element's
  6.1046 -    textual contents, and the previous value of &lsquo;<code
  6.1047 -    class=property>chapter</code>&rsquo;, if any, is overwritten.</p>
  6.1048 +   <p>When an H1 element is encountered, the ‘<code
  6.1049 +    class=property>chapter</code>’ string is set to the element's textual
  6.1050 +    contents, and the previous value of ‘<code
  6.1051 +    class=property>chapter</code>’, if any, is overwritten.
  6.1052    </div>
  6.1053    <!--=======================================================================-->
  6.1054  
  6.1055 -  <h3 id=counter-styles0><span class=secno>6.1. </span>&lsquo;<code
  6.1056 -   class=css>@counter-styles</code>&rsquo;</h3>
  6.1057 +  <h3 id=atcounter-styles><span class=secno>6.1. </span>‘<code
  6.1058 +   class=css>@counter-styles</code>’</h3>
  6.1059  
  6.1060    <p>This at-rule can be used to change the counter's default counter style.
  6.1061     This is typicially used to change, for example, the footnote style:
  6.1062 @@ -1174,14 +1176,14 @@
  6.1063  }
  6.1064  </pre>
  6.1065  
  6.1066 -  <p>The default list style types for counters is &lsquo;<code
  6.1067 -   class=property>decimal</code>&rsquo; except for the &lsquo;<code
  6.1068 -   class=property>footnote</code>&rsquo; counter which defaults to
  6.1069 -   &lsquo;<code class=property>footnotes</code>&rsquo;.
  6.1070 +  <p>The default list style types for counters is ‘<code
  6.1071 +   class=property>decimal</code>’ except for the ‘<code
  6.1072 +   class=property>footnote</code>’ counter which defaults to ‘<code
  6.1073 +   class=property>footnotes</code>’.
  6.1074  
  6.1075    <h3 id=page-policy><span class=secno>6.2. </span>Determining which counter
  6.1076 -   or string-set value to use: the &lsquo;<a href="#page-policy0"><code
  6.1077 -   class=property>page-policy</code></a>&rsquo; property</h3>
  6.1078 +   or string-set value to use: the ‘<a href="#page-policy0"><code
  6.1079 +   class=property>page-policy</code></a>’ property</h3>
  6.1080  
  6.1081    <table class=propdef>
  6.1082     <tbody>
  6.1083 @@ -1221,13 +1223,13 @@
  6.1084       <td>paged
  6.1085  
  6.1086      <tr>
  6.1087 -     <th>Computed&nbsp;value:
  6.1088 +     <th>Computed value:
  6.1089  
  6.1090       <td>specified value
  6.1091    </table>
  6.1092  
  6.1093 -  <p>&lsquo;<a href="#page-policy0"><code
  6.1094 -   class=property>page-policy</code></a>&rsquo; determines which page-based
  6.1095 +  <p>‘<a href="#page-policy0"><code
  6.1096 +   class=property>page-policy</code></a>’ determines which page-based
  6.1097     occurance of a given element is applied to a counter or string value:
  6.1098  
  6.1099    <dl>
  6.1100 @@ -1249,7 +1251,7 @@
  6.1101  
  6.1102    <div class=example>
  6.1103     <p>The following example places the chapter name in the header, specifying
  6.1104 -    that it is the value of the string at the end of the page. Example:</p>
  6.1105 +    that it is the value of the string at the end of the page. Example:
  6.1106  
  6.1107     <pre>
  6.1108  @string chapter { page-policy: last; }
  6.1109 @@ -1265,18 +1267,18 @@
  6.1110    </div>
  6.1111  
  6.1112    <p>To use the chapter name as it was when the processing of the page
  6.1113 -   started, the designer would specify a &lsquo;<a href="#page-policy0"><code
  6.1114 -   class=property>page-policy</code></a>&rsquo; of &lsquo;<code
  6.1115 -   class=property>start</code>&rsquo; instead of &lsquo;<code
  6.1116 -   class=property>last</code>&rsquo;. Designers can also use the value of a
  6.1117 +   started, the designer would specify a ‘<a href="#page-policy0"><code
  6.1118 +   class=property>page-policy</code></a>’ of ‘<code
  6.1119 +   class=property>start</code>’ instead of ‘<code
  6.1120 +   class=property>last</code>’. Designers can also use the value of a
  6.1121     string or counter after its first state change on a page by specifying
  6.1122 -   &lsquo;<code class=property>first</code>&rsquo;.</p>
  6.1123 +   ‘<code class=property>first</code>’.</p>
  6.1124    <!--=======================================================================-->
  6.1125  
  6.1126    <h2 id=inserting-and-replacing-content-with-the><span class=secno>7.
  6.1127     </span><a name=content-insert>Inserting and replacing content</a> with the
  6.1128 -   <span class=propinst-content>&lsquo;<a href="#content"><code
  6.1129 -   class=property>content</code></a>&rsquo;</span> property</h2>
  6.1130 +   <a class=propinst-content href="#content">‘<code
  6.1131 +   class=property>content</code>’</a> property</h2>
  6.1132  
  6.1133    <table class=propdef>
  6.1134     <tbody>
  6.1135 @@ -1288,8 +1290,8 @@
  6.1136      <tr>
  6.1137       <th>Value:
  6.1138  
  6.1139 -     <td>[ [ &lt;uri&gt; | icon ] &lsquo;<code class=css>,</code>&rsquo; ]* [
  6.1140 -      normal | none | inhibit | &lt;content-list&gt; ]
  6.1141 +     <td>[ [ &lt;uri&gt; | icon ] ‘<code class=css>,</code>’ ]* [ normal
  6.1142 +      | none | inhibit | &lt;content-list&gt; ]
  6.1143  
  6.1144      <tr>
  6.1145       <th>Initial:
  6.1146 @@ -1318,27 +1320,26 @@
  6.1147       <td>all
  6.1148  
  6.1149      <tr>
  6.1150 -     <th>Computed&nbsp;value:
  6.1151 -
  6.1152 -     <td>The specified value with each occurrence of &lsquo;<a
  6.1153 -      href="#normal"><code class=property>normal</code></a>&rsquo; expanded
  6.1154 -      as per the prose below.
  6.1155 +     <th>Computed value:
  6.1156 +
  6.1157 +     <td>The specified value with each occurrence of ‘<a
  6.1158 +      href="#normal"><code class=property>normal</code></a>’ expanded as
  6.1159 +      per the prose below.
  6.1160    </table>
  6.1161  
  6.1162 -  <p>The &lsquo;<a href="#content"><code
  6.1163 -   class=property>content</code></a>&rsquo; property dictates what is
  6.1164 -   rendered inside the element or pseudo-element. It takes a comma separated
  6.1165 -   list of URIs followed by a space separated list of tokens. If there are
  6.1166 -   multiple URIs provided, then each is tried in turn until a value which is
  6.1167 -   both available and supported is found. The last value is used as a
  6.1168 -   fallback if the others fail.
  6.1169 +  <p>The ‘<a href="#content"><code class=property>content</code></a>’
  6.1170 +   property dictates what is rendered inside the element or pseudo-element.
  6.1171 +   It takes a comma separated list of URIs followed by a space separated list
  6.1172 +   of tokens. If there are multiple URIs provided, then each is tried in turn
  6.1173 +   until a value which is both available and supported is found. The last
  6.1174 +   value is used as a fallback if the others fail.
  6.1175  
  6.1176    <dl>
  6.1177     <dt>&lt;uri&gt;
  6.1178  
  6.1179     <dd>
  6.1180      <p>For URIs other than URIs in the last comma separated section of the
  6.1181 -     value, as those in the following example:</p>
  6.1182 +     value, as those in the following example:
  6.1183  
  6.1184      <pre>
  6.1185  h1 { content: url(header/mng), url(header/png), none; }
  6.1186 @@ -1347,199 +1348,188 @@
  6.1187      <p>...then if the URI is available and the format is supported, then the
  6.1188       element or pseudo-element becomes a replaced element, otherwise, the
  6.1189       next item in the comma separated list is used, if any. In the example
  6.1190 -     above, if &lsquo;<code class=css>header/mng</code>&rsquo; wasn't in a
  6.1191 -     supported format, then &lsquo;<code class=css>header/png</code>&rsquo;
  6.1192 -     would have been used instead. In the example above, if &lsquo;<code
  6.1193 -     class=css>header/png</code>&rsquo; wasn't available either, then the
  6.1194 -     &lt;h1&gt; element would be empty, as the last alternative is &lsquo;<a
  6.1195 -     href="#none0"><code class=property>none</code></a>&rsquo;.</p>
  6.1196 +     above, if ‘<code class=css>header/mng</code>’ wasn't in a supported
  6.1197 +     format, then ‘<code class=css>header/png</code>’ would have been
  6.1198 +     used instead. In the example above, if ‘<code
  6.1199 +     class=css>header/png</code>’ wasn't available either, then the
  6.1200 +     &lt;h1&gt; element would be empty, as the last alternative is ‘<a
  6.1201 +     href="#none0"><code class=property>none</code></a>’.
  6.1202  
  6.1203      <p>To make an element fallback on its contents, you have to explicitly
  6.1204 -     give &lsquo;<a href="#contents0"><code
  6.1205 -     class=property>contents</code></a>&rsquo; as a fallback:</p>
  6.1206 +     give ‘<a href="#contents0"><code class=property>contents</code></a>’
  6.1207 +     as a fallback:
  6.1208  
  6.1209      <pre>content: url(1), url(2), url(3), contents;</pre>
  6.1210  
  6.1211      <p>If the URI is part of the last comma separated value in the list, as
  6.1212 -     the second URI in the following example:</p>
  6.1213 +     the second URI in the following example:
  6.1214  
  6.1215      <pre>h1 { content: url(welcome), "Welcome to: " url(logo); }</pre>
  6.1216  
  6.1217      <p>...then if the file is available and the format is supported, then an
  6.1218       anonymous replaced inline element is inserted, otherwise the image is
  6.1219 -     ignored (as if it hadn't been given at all).</p>
  6.1220 +     ignored (as if it hadn't been given at all).
  6.1221  
  6.1222      <p>When a URI is used as replaced content, it <a
  6.1223 -     href="#replacedContent">affects the generation</a> of &lsquo;<code
  6.1224 -     class=css>::before</code>&rsquo; and &lsquo;<code
  6.1225 -     class=css>::after</code>&rsquo; pseudo-elements.
  6.1226 +     href="#replacedContent">affects the generation</a> of ‘<code
  6.1227 +     class=css>::before</code>’ and ‘<code class=css>::after</code>’
  6.1228 +     pseudo-elements.
  6.1229  
  6.1230     <dt>icon
  6.1231  
  6.1232 -   <dd>This value is the same as the &lsquo;<code
  6.1233 -    class=css>&lt;uri&gt;</code>&rsquo; value above, but takes the resource
  6.1234 -    from the &lsquo;<code class=property>icon</code>&rsquo; property. If the
  6.1235 -    &lsquo;<code class=property>icon</code>&rsquo; property has the value
  6.1236 -    &lsquo;<a href="#none0"><code class=property>none</code></a>&rsquo; then
  6.1237 -    this is equivalent to the case where the given URI is not available.
  6.1238 +   <dd>This value is the same as the ‘<code class=css>&lt;uri&gt;</code>’
  6.1239 +    value above, but takes the resource from the ‘<code
  6.1240 +    class=property>icon</code>’ property. If the ‘<code
  6.1241 +    class=property>icon</code>’ property has the value ‘<a
  6.1242 +    href="#none0"><code class=property>none</code></a>’ then this is
  6.1243 +    equivalent to the case where the given URI is not available.
  6.1244  
  6.1245     <dt><dfn id=normal>normal</dfn>
  6.1246  
  6.1247     <dd>
  6.1248 -    <p>For an element, this computes to &lsquo;<a href="#contents0"><code
  6.1249 -     class=property>contents</code></a>&rsquo;.</p>
  6.1250 -
  6.1251 -    <p>For &lsquo;<code class=css>::alternate</code>&rsquo;, if the
  6.1252 -     originating element uses the &lsquo;<code
  6.1253 -     class=property>footnote</code>&rsquo;, &lsquo;<code
  6.1254 -     class=property>endnote</code>&rsquo;, or &lsquo;<code
  6.1255 -     class=property>section-note</code>&rsquo; counter in its &lsquo;<a
  6.1256 -     href="#content"><code class=property>content</code></a>&rsquo; property
  6.1257 -     then the computed value of &lsquo;<a href="#content"><code
  6.1258 -     class=property>content</code></a>&rsquo; is &lsquo;<a
  6.1259 -     href="#contents0"><code class=property>contents</code></a>&rsquo;,
  6.1260 -     otherwise it computes to &lsquo;<a href="#inhibit"><code
  6.1261 -     class=property>inhibit</code></a>&rsquo;.</p>
  6.1262 -
  6.1263 -    <p>For &lsquo;<code class=css>::before</code>&rsquo;, &lsquo;<code
  6.1264 -     class=css>::after</code>&rsquo;, and &lsquo;<code
  6.1265 -     class=css>::line-marker</code>&rsquo; this computes to &lsquo;<a
  6.1266 -     href="#inhibit"><code class=property>inhibit</code></a>&rsquo;.</p>
  6.1267 -
  6.1268 -    <p>For &lsquo;<code class=css>::marker</code>&rsquo;, if the originating
  6.1269 -     element's originating element uses &lsquo;<code
  6.1270 -     class=property>footnote</code>&rsquo; in its &lsquo;<a
  6.1271 -     href="#content"><code class=property>content</code></a>&rsquo; property
  6.1272 -     then &lsquo;<a href="#normal"><code
  6.1273 -     class=property>normal</code></a>&rsquo; computes to the computed value
  6.1274 -     of the &lsquo;<code class=property>list-style-image</code>&rsquo;
  6.1275 -     property if the list-style-image is not &lsquo;<a href="#none0"><code
  6.1276 -     class=property>none</code></a>&rsquo;, otherwise &lsquo;<code
  6.1277 +    <p>For an element, this computes to ‘<a href="#contents0"><code
  6.1278 +     class=property>contents</code></a>’.
  6.1279 +
  6.1280 +    <p>For ‘<code class=css>::alternate</code>’, if the originating
  6.1281 +     element uses the ‘<code class=property>footnote</code>’, ‘<code
  6.1282 +     class=property>endnote</code>’, or ‘<code
  6.1283 +     class=property>section-note</code>’ counter in its ‘<a
  6.1284 +     href="#content"><code class=property>content</code></a>’ property then
  6.1285 +     the computed value of ‘<a href="#content"><code
  6.1286 +     class=property>content</code></a>’ is ‘<a href="#contents0"><code
  6.1287 +     class=property>contents</code></a>’, otherwise it computes to ‘<a
  6.1288 +     href="#inhibit"><code class=property>inhibit</code></a>’.
  6.1289 +
  6.1290 +    <p>For ‘<code class=css>::before</code>’, ‘<code
  6.1291 +     class=css>::after</code>’, and ‘<code
  6.1292 +     class=css>::line-marker</code>’ this computes to ‘<a
  6.1293 +     href="#inhibit"><code class=property>inhibit</code></a>’.
  6.1294 +
  6.1295 +    <p>For ‘<code class=css>::marker</code>’, if the originating
  6.1296 +     element's originating element uses ‘<code
  6.1297 +     class=property>footnote</code>’ in its ‘<a href="#content"><code
  6.1298 +     class=property>content</code></a>’ property then ‘<a
  6.1299 +     href="#normal"><code class=property>normal</code></a>’ computes to the
  6.1300 +     computed value of the ‘<code class=property>list-style-image</code>’
  6.1301 +     property if the list-style-image is not ‘<a href="#none0"><code
  6.1302 +     class=property>none</code></a>’, otherwise ‘<code
  6.1303       class=css>counter(footnote, &lt;list-style-type&gt;)
  6.1304 -     "<var>suffix</var>"</code>&rsquo; where &lt;list-style-type&gt; is the
  6.1305 -     computed value of the &lsquo;<code
  6.1306 -     class=property>list-style-type</code>&rsquo; property if that property
  6.1307 -     is not &lsquo;<a href="#none0"><code
  6.1308 -     class=property>none</code></a>&rsquo; and <var>suffix</var> is the
  6.1309 -     suffix appropriate for that list style type, otherwise &lsquo;<a
  6.1310 -     href="#inhibit"><code class=property>inhibit</code></a>&rsquo;.</p>
  6.1311 -
  6.1312 -    <p>For &lsquo;<code class=css>::marker</code>&rsquo;, if the originating
  6.1313 -     element's originating element uses &lsquo;<code
  6.1314 -     class=property>endnote</code>&rsquo; in its &lsquo;<a
  6.1315 -     href="#content"><code class=property>content</code></a>&rsquo; property
  6.1316 -     then &lsquo;<a href="#normal"><code
  6.1317 -     class=property>normal</code></a>&rsquo; computes to the computed value
  6.1318 -     of the &lsquo;<code class=property>list-style-image</code>&rsquo;
  6.1319 -     property if the list-style-image is not &lsquo;<a href="#none0"><code
  6.1320 -     class=property>none</code></a>&rsquo;, otherwise &lsquo;<code
  6.1321 +     "<var>suffix</var>"</code>’ where &lt;list-style-type&gt; is the
  6.1322 +     computed value of the ‘<code class=property>list-style-type</code>’
  6.1323 +     property if that property is not ‘<a href="#none0"><code
  6.1324 +     class=property>none</code></a>’ and <var>suffix</var> is the suffix
  6.1325 +     appropriate for that list style type, otherwise ‘<a
  6.1326 +     href="#inhibit"><code class=property>inhibit</code></a>’.
  6.1327 +
  6.1328 +    <p>For ‘<code class=css>::marker</code>’, if the originating
  6.1329 +     element's originating element uses ‘<code
  6.1330 +     class=property>endnote</code>’ in its ‘<a href="#content"><code
  6.1331 +     class=property>content</code></a>’ property then ‘<a
  6.1332 +     href="#normal"><code class=property>normal</code></a>’ computes to the
  6.1333 +     computed value of the ‘<code class=property>list-style-image</code>’
  6.1334 +     property if the list-style-image is not ‘<a href="#none0"><code
  6.1335 +     class=property>none</code></a>’, otherwise ‘<code
  6.1336       class=css>counter(endnote, &lt;list-style-type&gt;)
  6.1337 -     "<var>suffix</var>"</code>&rsquo; where &lt;list-style-type&gt; is the
  6.1338 -     computed value of the &lsquo;<code
  6.1339 -     class=property>list-style-type</code>&rsquo; property if that property
  6.1340 -     is not &lsquo;<a href="#none0"><code
  6.1341 -     class=property>none</code></a>&rsquo; and <var>suffix</var> is the
  6.1342 -     suffix appropriate for that list style type, otherwise &lsquo;<a
  6.1343 -     href="#inhibit"><code class=property>inhibit</code></a>&rsquo;.</p>
  6.1344 -
  6.1345 -    <p>For &lsquo;<code class=css>::marker</code>&rsquo;, if the originating
  6.1346 -     element's originating element uses &lsquo;<code
  6.1347 -     class=property>section-note</code>&rsquo; in its &lsquo;<a
  6.1348 -     href="#content"><code class=property>content</code></a>&rsquo; property
  6.1349 -     then &lsquo;<a href="#normal"><code
  6.1350 -     class=property>normal</code></a>&rsquo; computes to the computed value
  6.1351 -     of the &lsquo;<code class=property>list-style-image</code>&rsquo;
  6.1352 -     property if the list-style-image is not &lsquo;<a href="#none0"><code
  6.1353 -     class=property>none</code></a>&rsquo;, otherwise &lsquo;<code
  6.1354 +     "<var>suffix</var>"</code>’ where &lt;list-style-type&gt; is the
  6.1355 +     computed value of the ‘<code class=property>list-style-type</code>’
  6.1356 +     property if that property is not ‘<a href="#none0"><code
  6.1357 +     class=property>none</code></a>’ and <var>suffix</var> is the suffix
  6.1358 +     appropriate for that list style type, otherwise ‘<a
  6.1359 +     href="#inhibit"><code class=property>inhibit</code></a>’.
  6.1360 +
  6.1361 +    <p>For ‘<code class=css>::marker</code>’, if the originating
  6.1362 +     element's originating element uses ‘<code
  6.1363 +     class=property>section-note</code>’ in its ‘<a href="#content"><code
  6.1364 +     class=property>content</code></a>’ property then ‘<a
  6.1365 +     href="#normal"><code class=property>normal</code></a>’ computes to the
  6.1366 +     computed value of the ‘<code class=property>list-style-image</code>’
  6.1367 +     property if the list-style-image is not ‘<a href="#none0"><code
  6.1368 +     class=property>none</code></a>’, otherwise ‘<code
  6.1369       class=css>counter(section-note, &lt;list-style-type&gt;)
  6.1370 -     "<var>suffix</var>"</code>&rsquo; where &lt;list-style-type&gt; is the
  6.1371 -     computed value of the &lsquo;<code
  6.1372 -     class=property>list-style-type</code>&rsquo; property if that property
  6.1373 -     is not &lsquo;<a href="#none0"><code
  6.1374 -     class=property>none</code></a>&rsquo; and <var>suffix</var> is the
  6.1375 -     suffix appropriate for that list style type, otherwise &lsquo;<a
  6.1376 -     href="#inhibit"><code class=property>inhibit</code></a>&rsquo;.</p>
  6.1377 -
  6.1378 -    <p>Otherwise, for &lsquo;<code class=css>::marker</code>&rsquo;, if the
  6.1379 -     computed value of &lsquo;<code class=property>display</code>&rsquo; for
  6.1380 -     the originating element is &lsquo;<code
  6.1381 -     class=property>list-item</code>&rsquo; then &lsquo;<a
  6.1382 -     href="#normal"><code class=property>normal</code></a>&rsquo; computes to
  6.1383 -     the computed value of the &lsquo;<code
  6.1384 -     class=property>list-style-image</code>&rsquo; property if the
  6.1385 -     list-style-image is not &lsquo;<a href="#none0"><code
  6.1386 -     class=property>none</code></a>&rsquo;, otherwise &lsquo;<code
  6.1387 +     "<var>suffix</var>"</code>’ where &lt;list-style-type&gt; is the
  6.1388 +     computed value of the ‘<code class=property>list-style-type</code>’
  6.1389 +     property if that property is not ‘<a href="#none0"><code
  6.1390 +     class=property>none</code></a>’ and <var>suffix</var> is the suffix
  6.1391 +     appropriate for that list style type, otherwise ‘<a
  6.1392 +     href="#inhibit"><code class=property>inhibit</code></a>’.
  6.1393 +
  6.1394 +    <p>Otherwise, for ‘<code class=css>::marker</code>’, if the computed
  6.1395 +     value of ‘<code class=property>display</code>’ for the originating
  6.1396 +     element is ‘<code class=property>list-item</code>’ then ‘<a
  6.1397 +     href="#normal"><code class=property>normal</code></a>’ computes to the
  6.1398 +     computed value of the ‘<code class=property>list-style-image</code>’
  6.1399 +     property if the list-style-image is not ‘<a href="#none0"><code
  6.1400 +     class=property>none</code></a>’, otherwise ‘<code
  6.1401       class=css>counter(list-item, &lt;list-style-type&gt;)
  6.1402 -     "<var>suffix</var>"</code>&rsquo; where &lt;list-style-type&gt; is the
  6.1403 -     computed value of the &lsquo;<code
  6.1404 -     class=property>list-style-type</code>&rsquo; property if that property
  6.1405 -     is not &lsquo;<a href="#none0"><code
  6.1406 -     class=property>none</code></a>&rsquo; and <var>suffix</var> is the
  6.1407 -     suffix appropriate for that list style type, otherwise &lsquo;<a
  6.1408 -     href="#inhibit"><code class=property>inhibit</code></a>&rsquo;.</p>
  6.1409 -
  6.1410 -    <p>For the &lsquo;<code class=css>@footnote</code>&rsquo; area, it
  6.1411 -     computes to &lsquo;<code class=css>pending(footnote)</code>&rsquo;.</p>
  6.1412 -
  6.1413 -    <p>For margin areas, it computes to &lsquo;<a href="#none0"><code
  6.1414 -     class=property>none</code></a>&rsquo;.</p>
  6.1415 +     "<var>suffix</var>"</code>’ where &lt;list-style-type&gt; is the
  6.1416 +     computed value of the ‘<code class=property>list-style-type</code>’
  6.1417 +     property if that property is not ‘<a href="#none0"><code
  6.1418 +     class=property>none</code></a>’ and <var>suffix</var> is the suffix
  6.1419 +     appropriate for that list style type, otherwise ‘<a
  6.1420 +     href="#inhibit"><code class=property>inhibit</code></a>’.
  6.1421 +
  6.1422 +    <p>For the ‘<code class=css>@footnote</code>’ area, it computes to
  6.1423 +     ‘<code class=css>pending(footnote)</code>’.
  6.1424 +
  6.1425 +    <p>For margin areas, it computes to ‘<a href="#none0"><code
  6.1426 +     class=property>none</code></a>’.
  6.1427  
  6.1428     <dt><dfn id=none0>none</dfn>
  6.1429  
  6.1430     <dd>
  6.1431      <p>On elements, this inhibits the children of the element from being
  6.1432 -     rendered as children of this element, as if the element was empty.</p>
  6.1433 -
  6.1434 -    <p>On pseudo-elements it causes the pseudo-element to have no content.</p>
  6.1435 +     rendered as children of this element, as if the element was empty.
  6.1436 +
  6.1437 +    <p>On pseudo-elements it causes the pseudo-element to have no content.
  6.1438  
  6.1439      <p>In neither case does it prevent any pseudo-elements which have this
  6.1440 -     element or pseudo-element as a superior from being generated.</p>
  6.1441 +     element or pseudo-element as a superior from being generated.
  6.1442  
  6.1443     <dt><dfn id=inhibit>inhibit</dfn>
  6.1444  
  6.1445     <dd>
  6.1446      <p>On elements, this inhibits the children of the element from being
  6.1447 -     rendered as children of this element, as if the element was empty.</p>
  6.1448 +     rendered as children of this element, as if the element was empty.
  6.1449  
  6.1450      <p>On pseudo-elements, this inhibits the creation of the pseudo-element,
  6.1451 -     as if &lsquo;<code class=property>display</code>&rsquo; computed to
  6.1452 -     &lsquo;<a href="#none0"><code class=property>none</code></a>&rsquo;.</p>
  6.1453 +     as if ‘<code class=property>display</code>’ computed to ‘<a
  6.1454 +     href="#none0"><code class=property>none</code></a>’.
  6.1455  
  6.1456      <p>In both cases, this further inhibits the creation of any
  6.1457 -     pseudo-elements which have this pseudo-element as a superior.</p>
  6.1458 +     pseudo-elements which have this pseudo-element as a superior.
  6.1459  
  6.1460     <dt><dfn id=content-list>&lt;content-list&gt;</dfn>
  6.1461  
  6.1462     <dd> <!-- XXX find a sensible order for this -->
  6.1463      <p>[ pending(&lt;identifier&gt;) | &lt;string&gt; | contents | footnote |
  6.1464 -     endnote | section-note | list-item | &lt;counters&gt; | &lt;strings&gt;
  6.1465 -     | open-quote | close-quote | no-open-quote | no-close-quote | icon |
  6.1466 -     &lt;glyph&gt; | &lt;uri&gt; | &lt;datetime&gt; | document-url |
  6.1467 -     &lt;target&gt; ]+</p>
  6.1468 -
  6.1469 -    <p>One or more of the following values, concatenated.</p>
  6.1470 +     endnote | section-note | list-item | &lt;counter&gt; |
  6.1471 +     &lt;named-string&gt; | open-quote | close-quote | no-open-quote |
  6.1472 +     no-close-quote | icon | &lt;glyph&gt; | &lt;uri&gt; | &lt;datetime&gt; |
  6.1473 +     document-url | &lt;target&gt; ]+
  6.1474 +
  6.1475 +    <p>One or more of the following values, concatenated.
  6.1476  
  6.1477      <dl>
  6.1478       <dt><dfn id=pendingltidentifiergt>pending(&lt;identifier&gt;)</dfn>
  6.1479  
  6.1480       <dd>
  6.1481 -      <p>This causes all elements and pseudo-elements whose &lsquo;<code
  6.1482 -       class=property>move-to</code>&rsquo; property computes to the
  6.1483 -       specified identifier to be inserted as children of the current element
  6.1484 -       (or pseudo-element). Note: This doesn't change the DOM, and elements
  6.1485 -       and pseudo-elements that have been moved inherit from their position
  6.1486 -       in the DOM, not from their new position.</p>
  6.1487 +      <p>This causes all elements and pseudo-elements whose ‘<code
  6.1488 +       class=property>move-to</code>’ property computes to the specified
  6.1489 +       identifier to be inserted as children of the current element (or
  6.1490 +       pseudo-element). Note: This doesn't change the DOM, and elements and
  6.1491 +       pseudo-elements that have been moved inherit from their position in
  6.1492 +       the DOM, not from their new position.
  6.1493  
  6.1494        <p id=pending-inheritance>This must be the case, because otherwise it
  6.1495 -       would be impossible to determine the value of &lsquo;<code
  6.1496 -       class=property>move-to</code>&rsquo;. Unfortunately, this can cause
  6.1497 -       some unfortunate discontinuities, such as adjacent footnotes using
  6.1498 +       would be impossible to determine the value of ‘<code
  6.1499 +       class=property>move-to</code>’. Unfortunately, this can cause some
  6.1500 +       unfortunate discontinuities, such as adjacent footnotes using
  6.1501         different fonts because they were moved from elements with different
  6.1502         fonts. It is therefore important that moved content be styled with the
  6.1503 -       new location in mind.</p>
  6.1504 +       new location in mind.
  6.1505  
  6.1506        <p>Note that only elements and pseudo-element that have not yet been
  6.1507 -       reinserted into content are moved. For example:</p>
  6.1508 +       reinserted into content are moved. For example:
  6.1509  
  6.1510        <pre>
  6.1511  moved { move-to: insert; }
  6.1512 @@ -1556,51 +1546,49 @@
  6.1513  &lt;/root&gt;
  6.1514  </pre>
  6.1515  
  6.1516 -      <p>...would result in "<samp>1 A 2 3 B</samp>".</p>
  6.1517 -
  6.1518 -      <p>If used on an element or pseudo-element (particularly &lsquo;<code
  6.1519 -       class=css>::alternate</code>&rsquo;) which has a &lsquo;<code
  6.1520 -       class=property>move-to</code>&rsquo; property with a computed value
  6.1521 -       other than &lsquo;<code class=property>here</code>&rsquo;, the content
  6.1522 -       pending at the pseudo-element's superior's position is inserted, not
  6.1523 -       the content pending at the element or pseudo-element's insertion
  6.1524 -       point. Similarly if used on a child of an element that has been moved:
  6.1525 -       the &lsquo;<a href="#content"><code
  6.1526 -       class=property>content</code></a>&rsquo; property is evaluated before
  6.1527 -       the element is inserted in its new position. This should prevent an
  6.1528 -       element ever being inserted into itself or other such existential
  6.1529 -       conundrums.</p>
  6.1530 +      <p>...would result in "<samp>1 A 2 3 B</samp>".
  6.1531 +
  6.1532 +      <p>If used on an element or pseudo-element (particularly ‘<code
  6.1533 +       class=css>::alternate</code>’) which has a ‘<code
  6.1534 +       class=property>move-to</code>’ property with a computed value other
  6.1535 +       than ‘<code class=property>here</code>’, the content pending at
  6.1536 +       the pseudo-element's superior's position is inserted, not the content
  6.1537 +       pending at the element or pseudo-element's insertion point. Similarly
  6.1538 +       if used on a child of an element that has been moved: the ‘<a
  6.1539 +       href="#content"><code class=property>content</code></a>’ property is
  6.1540 +       evaluated before the element is inserted in its new position. This
  6.1541 +       should prevent an element ever being inserted into itself or other
  6.1542 +       such existential conundrums.
  6.1543  
  6.1544        <p>Counters on content that is moved in this way are evaluated at the
  6.1545 -       point of origin, not the insertion point.</p>
  6.1546 -
  6.1547 -      <p>The identifiers &lsquo;<code class=property>here</code>&rsquo; and
  6.1548 -       &lsquo;<a href="#normal"><code class=property>normal</code></a>&rsquo;
  6.1549 -       are valid, in that they do not cause a parse error and are not
  6.1550 -       ignored, but they are useless as the &lsquo;<code
  6.1551 -       class=property>move-to</code>&rsquo; property cannot ever be set to an
  6.1552 -       identifier with either of those values.</p>
  6.1553 -
  6.1554 -      <p class=issue>Need to define exactly how this interacts with
  6.1555 -       &lsquo;<code class=css>position:fixed</code>&rsquo;. Does &lsquo;<code
  6.1556 -       class=css>position:fixed</code>&rsquo; cause multiple rendering
  6.1557 -       objects to be created, one per page? If so where does &lsquo;<code
  6.1558 -       class=property>move-to</code>&rsquo; on a &lsquo;<code
  6.1559 -       class=css>position:fixed</code>&rsquo; element move from?</p>
  6.1560 +       point of origin, not the insertion point.
  6.1561 +
  6.1562 +      <p>The identifiers ‘<code class=property>here</code>’ and ‘<a
  6.1563 +       href="#normal"><code class=property>normal</code></a>’ are valid, in
  6.1564 +       that they do not cause a parse error and are not ignored, but they are
  6.1565 +       useless as the ‘<code class=property>move-to</code>’ property
  6.1566 +       cannot ever be set to an identifier with either of those values.
  6.1567 +
  6.1568 +      <p class=issue>Need to define exactly how this interacts with ‘<code
  6.1569 +       class=css>position:fixed</code>’. Does ‘<code
  6.1570 +       class=css>position:fixed</code>’ cause multiple rendering objects to
  6.1571 +       be created, one per page? If so where does ‘<code
  6.1572 +       class=property>move-to</code>’ on a ‘<code
  6.1573 +       class=css>position:fixed</code>’ element move from?
  6.1574  
  6.1575       <dt>"" (the empty string)
  6.1576  
  6.1577       <dd>
  6.1578 -      <p>If the element or pseudo-element's &lsquo;<code
  6.1579 -       class=property>display</code>&rsquo; property computes to anything but
  6.1580 -       &lsquo;<code class=property>inline</code>&rsquo; then the element or
  6.1581 +      <p>If the element or pseudo-element's ‘<code
  6.1582 +       class=property>display</code>’ property computes to anything but
  6.1583 +       ‘<code class=property>inline</code>’ then the element or
  6.1584         pseude-element contains an empty anonymous inline box, otherwise the
  6.1585 -       element contains an empty string.</p>
  6.1586 +       element contains an empty string.
  6.1587  
  6.1588        <p>(This is a formal way of saying that an empty string is different
  6.1589 -       from &lsquo;<a href="#none0"><code
  6.1590 -       class=property>none</code></a>&rsquo; in that it forces the creation
  6.1591 -       of a line box, even if the line box would be empty.)</p>
  6.1592 +       from ‘<a href="#none0"><code class=property>none</code></a>’ in
  6.1593 +       that it forces the creation of a line box, even if the line box would
  6.1594 +       be empty.)
  6.1595  
  6.1596       <dt>&lt;string&gt;
  6.1597  
  6.1598 @@ -1614,33 +1602,32 @@
  6.1599       <dd>
  6.1600        <p>The element's descendents. Since this can only be used once per
  6.1601         element (you can't duplicate the children if, e.g., one is a plugin or
  6.1602 -       form control), it is handled as follows:</p>
  6.1603 +       form control), it is handled as follows:
  6.1604  
  6.1605        <dl>
  6.1606         <dt>If set on the element:
  6.1607  
  6.1608         <dd>
  6.1609          <p>Always honoured. Note that this is the default, since the initial
  6.1610 -         value of &lsquo;<a href="#content"><code
  6.1611 -         class=property>content</code></a>&rsquo; is &lsquo;<a
  6.1612 -         href="#normal"><code class=property>normal</code></a>&rsquo; and
  6.1613 -         &lsquo;<a href="#normal"><code
  6.1614 -         class=property>normal</code></a>&rsquo; computes to &lsquo;<a
  6.1615 -         href="#contents0"><code class=property>contents</code></a>&rsquo; on
  6.1616 -         an element.
  6.1617 -
  6.1618 -       <dt>If set on a &lsquo;<code class=css>::marker</code>&rsquo; or
  6.1619 -        &lsquo;<code class=css>::line-marker</code>&rsquo; pseudo-element:
  6.1620 +         value of ‘<a href="#content"><code
  6.1621 +         class=property>content</code></a>’ is ‘<a href="#normal"><code
  6.1622 +         class=property>normal</code></a>’ and ‘<a href="#normal"><code
  6.1623 +         class=property>normal</code></a>’ computes to ‘<a
  6.1624 +         href="#contents0"><code class=property>contents</code></a>’ on an
  6.1625 +         element.
  6.1626 +
  6.1627 +       <dt>If set on a ‘<code class=css>::marker</code>’ or ‘<code
  6.1628 +        class=css>::line-marker</code>’ pseudo-element:
  6.1629  
  6.1630         <dd>
  6.1631 -        <p>Evaluates to nothing (like &lsquo;<a href="#none0"><code
  6.1632 -         class=property>none</code></a>&rsquo;).
  6.1633 +        <p>Evaluates to nothing (like ‘<a href="#none0"><code
  6.1634 +         class=property>none</code></a>’).
  6.1635  
  6.1636         <dt>If set on one of the element's other pseudo-elements:
  6.1637  
  6.1638         <dd>
  6.1639          <p>Check to see that it is not set on a "previous" pseudo-element, in
  6.1640 -         the following order, depth first:</p>
  6.1641 +         the following order, depth first:
  6.1642  
  6.1643          <ol>
  6.1644           <li> the element itself
  6.1645 @@ -1652,19 +1639,18 @@
  6.1646           <li> ::after
  6.1647          </ol>
  6.1648  
  6.1649 -        <p> If it is already used, then it evaluates to nothing (like
  6.1650 -         &lsquo;<a href="#none0"><code
  6.1651 -         class=property>none</code></a>&rsquo;). Only pseudo-elements that
  6.1652 -         are actually generated are checked. Thus</p>
  6.1653 +        <p> If it is already used, then it evaluates to nothing (like ‘<a
  6.1654 +         href="#none0"><code class=property>none</code></a>’). Only
  6.1655 +         pseudo-elements that are actually generated are checked. Thus
  6.1656  
  6.1657          <pre>
  6.1658  /* ::after(2) { content: inhibit; } /* implied by initial value */
  6.1659  ::after(9999) { content: contents }
  6.1660  </pre>
  6.1661  
  6.1662 -        <p> ...would typically not change anything.</p>
  6.1663 -
  6.1664 -        <p> So for example, in the following case:</p>
  6.1665 +        <p> ...would typically not change anything.
  6.1666 +
  6.1667 +        <p> So for example, in the following case:
  6.1668  
  6.1669          <pre>
  6.1670  foo { content: none; }
  6.1671 @@ -1672,91 +1658,86 @@
  6.1672  foo::alternate { content: counter(footnote) '. ' contents; }
  6.1673  </pre>
  6.1674  
  6.1675 -        <p> ...the &lsquo;<code class=css>::before</code>&rsquo;
  6.1676 -         pseudo-element's contents would become &lsquo;<code
  6.1677 -         class=css>[1]</code>&rsquo;, and the footnote would contain
  6.1678 -         &lsquo;<code class=css>1. </code>&rsquo; followed by the element's
  6.1679 -         contents, because the &lsquo;<code
  6.1680 -         class=css>::alternate</code>&rsquo; takes priority over the
  6.1681 -         &lsquo;<code class=css>::before</code>&rsquo; pseudo-element at the
  6.1682 -         same depth.</p>
  6.1683 -
  6.1684 -        <p> However, in the following case:</p>
  6.1685 +        <p> ...the ‘<code class=css>::before</code>’ pseudo-element's
  6.1686 +         contents would become ‘<code class=css>[1]</code>’, and the
  6.1687 +         footnote would contain ‘<code class=css>1. </code>’ followed by
  6.1688 +         the element's contents, because the ‘<code
  6.1689 +         class=css>::alternate</code>’ takes priority over the ‘<code
  6.1690 +         class=css>::before</code>’ pseudo-element at the same depth.
  6.1691 +
  6.1692 +        <p> However, in the following case:
  6.1693  
  6.1694          <pre>/* foo { content: normal; }   /* this is the initial value */
  6.1695  foo::after { content: contents; }
  6.1696  </pre>
  6.1697  
  6.1698 -        <p> ...the element's &lsquo;<a href="#content"><code
  6.1699 -         class=property>content</code></a>&rsquo; property would compute to
  6.1700 -         &lsquo;<a href="#contents0"><code
  6.1701 -         class=property>contents</code></a>&rsquo; and the after pseudo
  6.1702 -         element would have no contents (equivalent to &lsquo;<a
  6.1703 -         href="#none0"><code class=property>none</code></a>&rsquo;) and thus
  6.1704 +        <p> ...the element's ‘<a href="#content"><code
  6.1705 +         class=property>content</code></a>’ property would compute to ‘<a
  6.1706 +         href="#contents0"><code class=property>contents</code></a>’ and
  6.1707 +         the after pseudo element would have no contents (equivalent to ‘<a
  6.1708 +         href="#none0"><code class=property>none</code></a>’) and thus
  6.1709           would not appear.
  6.1710        </dl>
  6.1711  
  6.1712 -      <p> Note that while it is useless to include &lsquo;<a
  6.1713 -       href="#contents0"><code class=property>contents</code></a>&rsquo;
  6.1714 -       twice in a single &lsquo;<a href="#content"><code
  6.1715 -       class=property>content</code></a>&rsquo; property, that is not a parse
  6.1716 +      <p> Note that while it is useless to include ‘<a
  6.1717 +       href="#contents0"><code class=property>contents</code></a>’ twice in
  6.1718 +       a single ‘<a href="#content"><code
  6.1719 +       class=property>content</code></a>’ property, that is not a parse
  6.1720         error. The second occurrence simply has no effect, as it has already
  6.1721         been used. It is also not a parse error to use it on a marker
  6.1722         pseudo-element, it is only during the rendering stage that it gets
  6.1723 -       treated like &lsquo;<a href="#none0"><code
  6.1724 -       class=property>none</code></a>&rsquo;.</p>
  6.1725 -
  6.1726 -     <dt><dfn id=counters>&lt;counters&gt;</dfn>
  6.1727 +       treated like ‘<a href="#none0"><code
  6.1728 +       class=property>none</code></a>’.
  6.1729 +
  6.1730 +     <dt><dfn id=counter>&lt;counter&gt;</dfn>
  6.1731  
  6.1732       <dt>
  6.1733  
  6.1734       <dd>
  6.1735 -      <p>Counters may be specified with two different functions: &lsquo;<code
  6.1736 -       class=css>counter()</code>&rsquo; or &lsquo;<code
  6.1737 -       class=css>counters()</code>&rsquo;. The former has two forms:
  6.1738 -       &lsquo;<code class=css>counter(<var>name</var>)</code>&rsquo; or
  6.1739 -       &lsquo;<code class=css>counter(<var>name</var>,
  6.1740 -       <var>style</var>)</code>&rsquo;. The generated text is the value of
  6.1741 -       the named counter at this point in the formatting structure; it is
  6.1742 -       formatted in the indicated style (the default is specified using
  6.1743 -       &lsquo;<code class=css>@counter</code>&rsquo; rules). The latter
  6.1744 -       function also has two forms: &lsquo;<code
  6.1745 -       class=css>counters(<var>name</var>, <var>string</var>)</code>&rsquo;
  6.1746 -       or &lsquo;<code class=css>counters(<var>name</var>, <var>string</var>,
  6.1747 -       <var>style</var>)</code>&rsquo;. The generated text is the value of
  6.1748 -       all counters with the given name at this point in the formatting
  6.1749 +      <p>Counters may be specified with two different functions: ‘<code
  6.1750 +       class=css>counter()</code>’ or ‘<code
  6.1751 +       class=css>counters()</code>’. The former has two forms: ‘<code
  6.1752 +       class=css>counter(<var>name</var>)</code>’ or ‘<code
  6.1753 +       class=css>counter(<var>name</var>, <var>style</var>)</code>’. The
  6.1754 +       generated text is the value of the named counter at this point in the
  6.1755 +       formatting structure; it is formatted in the indicated style (the
  6.1756 +       default is specified using ‘<code class=css>@counter</code>’
  6.1757 +       rules). The latter function also has two forms: ‘<code
  6.1758 +       class=css>counters(<var>name</var>, <var>string</var>)</code>’ or
  6.1759 +       ‘<code class=css>counters(<var>name</var>, <var>string</var>,
  6.1760 +       <var>style</var>)</code>’. The generated text is the value of all
  6.1761 +       counters with the given name at this point in the formatting
  6.1762         structure, separated by the specified string. The counters are
  6.1763         rendered in the indicated style (the default is again specified using
  6.1764 -       &lsquo;<code class=css>@counter</code>&rsquo; rules). See the section
  6.1765 -       on <a href="#counters">automatic counters and numbering</a> for more
  6.1766 +       ‘<code class=css>@counter</code>’ rules). See the section on <a
  6.1767 +       href="#counters">automatic counters and numbering</a> for more
  6.1768         information.
  6.1769  
  6.1770 -     <dt><dfn id=strings>&lt;strings&gt;</dfn>
  6.1771 +     <dt><dfn id=named-string>&lt;named-string&gt;</dfn>
  6.1772  
  6.1773       <dt>
  6.1774  
  6.1775       <dd>
  6.1776 -      <p>Set strings may be specified with the &lsquo;<code
  6.1777 -       class=css>string(<var>name</var>)</code>&rsquo; expression. The
  6.1778 -       generated text is the value of the named string at this point in the
  6.1779 -       formatting structure. See the section on <a href="#strings">named
  6.1780 +      <p>Set strings may be specified with the ‘<code
  6.1781 +       class=css>string(<var>name</var>)</code>’ expression. The generated
  6.1782 +       text is the value of the named string at this point in the formatting
  6.1783 +       structure. See the section on <a href="#named-strings">named
  6.1784         strings</a> for more information.
  6.1785  
  6.1786       <dt><dfn id=open-quote>open-quote</dfn> and <dfn
  6.1787        id=close-quote>close-quote</dfn>
  6.1788  
  6.1789       <dd>
  6.1790 -      <p>These values are replaced by the appropriate string from the
  6.1791 -       &lsquo;<a href="#quotes"><code class=property>quotes</code></a>&rsquo;
  6.1792 -       property.
  6.1793 -
  6.1794 -     <dt><dfn id=no-open-quote0>no-open-quote</dfn> and <dfn
  6.1795 +      <p>These values are replaced by the appropriate string from the ‘<a
  6.1796 +       href="#quotes"><code class=property>quotes</code></a>’ property.
  6.1797 +
  6.1798 +     <dt><dfn id=no-open-quote>no-open-quote</dfn> and <dfn
  6.1799        id=no-close-quote>no-close-quote</dfn>
  6.1800  
  6.1801       <dd>
  6.1802 -      <p>Inserts nothing (as in &lsquo;<a href="#none0"><code
  6.1803 -       class=property>none</code></a>&rsquo;), but increments (decrements)
  6.1804 -       the level of nesting for quotes.
  6.1805 +      <p>Inserts nothing (as in ‘<a href="#none0"><code
  6.1806 +       class=property>none</code></a>’), but increments (decrements) the
  6.1807 +       level of nesting for quotes.
  6.1808  
  6.1809       <dt>&lt;glyph&gt;
  6.1810  
  6.1811 @@ -1764,62 +1745,59 @@
  6.1812        <p>Inserts the specified symbol. The available symbols are:</p>
  6.1813        <!-- XXX keep this synchronised with the Lists module.
  6.1814           last synchronised 2003-02-21 -->
  6.1815 -      
  6.1816 +
  6.1817        <dl><!-- these definitions are stupid. circle and square should both have the same fill type, disc and
  6.1818   box should have the opposite fill type. I hate having to be backwards compatible. -->
  6.1819  
  6.1820         <dt><dfn id=box>box</dfn>
  6.1821  
  6.1822 -       <dd>A hollow square. (like &#x25A1; U+25A1 WHITE SQUARE, &#x25FB;
  6.1823 -        U+25FB WHITE MEDIUM SQUARE, or &#x25FD; U+25FD WHITE MEDIUM SMALL
  6.1824 -        SQUARE)</dd>
  6.1825 +       <dd>A hollow square. (like □ U+25A1 WHITE SQUARE, ◻ U+25FB WHITE
  6.1826 +        MEDIUM SQUARE, or ◽ U+25FD WHITE MEDIUM SMALL SQUARE)</dd>
  6.1827         <!-- in MacIE (?) -->
  6.1828  
  6.1829         <dt><dfn id=check>check</dfn>
  6.1830  
  6.1831         <dd>A check mark. On interactive media, it is suggested that the same
  6.1832          glyph which is used on the platform to render a checked menu item be
  6.1833 -        used for &lsquo;<a href="#check"><code
  6.1834 -        class=property>check</code></a>&rsquo;. (like &#x2713; U+2713 CHECK
  6.1835 -        MARK)</dd>
  6.1836 +        used for ‘<a href="#check"><code
  6.1837 +        class=property>check</code></a>’. (like ✓ U+2713 CHECK MARK)</dd>
  6.1838         <!-- UI module -->
  6.1839  
  6.1840         <dt><dfn id=circle>circle</dfn>
  6.1841  
  6.1842 -       <dd>A hollow circle. (like &#x25E6; U+25E6 WHITE BULLET)</dd>
  6.1843 +       <dd>A hollow circle. (like ◦ U+25E6 WHITE BULLET)</dd>
  6.1844         <!-- in Mozilla, WinIE, Opera, HTML4 -->
  6.1845  
  6.1846         <dt><dfn id=diamond>diamond</dfn>
  6.1847  
  6.1848         <dd>A filled diamond. On interactive media, it is suggested that the
  6.1849          same glyph which is used on the platform next to a selected menu item
  6.1850 -        be used for &lsquo;<a href="#diamond"><code
  6.1851 -        class=property>diamond</code></a>&rsquo;. On some platforms, this is
  6.1852 -        similar to &lsquo;<a href="#disc"><code
  6.1853 -        class=property>disc</code></a>&rsquo;. (like &#x25C6; U+25C6 BLACK
  6.1854 -        DIAMOND or &#x2666; U+2666 BLACK DIAMOND SUIT)</dd>
  6.1855 +        be used for ‘<a href="#diamond"><code
  6.1856 +        class=property>diamond</code></a>’. On some platforms, this is
  6.1857 +        similar to ‘<a href="#disc"><code
  6.1858 +        class=property>disc</code></a>’. (like ◆ U+25C6 BLACK DIAMOND or
  6.1859 +        ♦ U+2666 BLACK DIAMOND SUIT)</dd>
  6.1860         <!-- UI
  6.1861   module -->
  6.1862  
  6.1863         <dt><dfn id=disc>disc</dfn>
  6.1864  
  6.1865 -       <dd>A filled circle. (like &#x2022; U+2022 BULLET)</dd>
  6.1866 +       <dd>A filled circle. (like • U+2022 BULLET)</dd>
  6.1867         <!-- in Mozilla, WinIE, Opera, HTML4 -->
  6.1868  
  6.1869         <dt><dfn id=hyphen>hyphen</dfn>
  6.1870  
  6.1871 -       <dd>A hyphen bullet. (like &#x2043; U+2043 HYPHEN BULLET or &#x2013;
  6.1872 -        U+2013 EN DASH)
  6.1873 +       <dd>A hyphen bullet. (like ⁃ U+2043 HYPHEN BULLET or – U+2013 EN
  6.1874 +        DASH)
  6.1875  
  6.1876         <dt><dfn id=square>square</dfn>
  6.1877  
  6.1878 -       <dd>A filled square. (like &#x25A0; U+25A0 BLACK SQUARE, &#x25FC;
  6.1879 -        U+25FC BLACK MEDIUM SQUARE, or &#x25FE; U+25FE BLACK MEDIUM SMALL
  6.1880 -        SQUARE)</dd>
  6.1881 +       <dd>A filled square. (like ■ U+25A0 BLACK SQUARE, ◼ U+25FC BLACK
  6.1882 +        MEDIUM SQUARE, or ◾ U+25FE BLACK MEDIUM SMALL SQUARE)</dd>
  6.1883         <!-- in Mozilla, WinIE. A hollow square in Opera, HTML4. -->
  6.1884 -       <!-- &#x2023; U+2023 TRIANGULAR BULLET
  6.1885 -      &#x204C; U+204C BLACK LEFTWARDS BULLET
  6.1886 -      &#x204D; U+204D BLACK RIGHTWARDS BULLET -->
  6.1887 +       <!-- ‣ U+2023 TRIANGULAR BULLET
  6.1888 +      ⁌ U+204C BLACK LEFTWARDS BULLET
  6.1889 +      ⁍ U+204D BLACK RIGHTWARDS BULLET -->
  6.1890        </dl>
  6.1891  
  6.1892        <p>For more information on the list of symbols and their definitions,
  6.1893 @@ -1829,10 +1807,10 @@
  6.1894       <dt>&lt;datetime&gt;
  6.1895  
  6.1896       <dd>
  6.1897 -      <p>Dates and times can be specified with two functions, &lsquo;<code
  6.1898 -       class=css>date()</code>&rsquo; and &lsquo;<code
  6.1899 -       class=css>time()</code>&rsquo;. See the section on <a
  6.1900 -       href="#datetime">dates and times</a> for more information.
  6.1901 +      <p>Dates and times can be specified with two functions, ‘<code
  6.1902 +       class=css>date()</code>’ and ‘<code class=css>time()</code>’.
  6.1903 +       See the section on <a href="#datetime">dates and times</a> for more
  6.1904 +       information.
  6.1905  
  6.1906       <dt><dfn id=document-url>document-url</dfn>
  6.1907  
  6.1908 @@ -1852,22 +1830,21 @@
  6.1909  ramifications of this? Is it possible to get into an infinite loop? -->
  6.1910      </dl>
  6.1911  
  6.1912 -    <p class=issues>Sync with GCPM</p>
  6.1913 +    <p class=issues>Sync with GCPM
  6.1914    </dl>
  6.1915    <!--=======================================================================-->
  6.1916  
  6.1917    <h2 id=replacedContent><span class=secno>8. </span>Replaced content</h2>
  6.1918  
  6.1919 -  <p>If the computed value of the part of the &lsquo;<a href="#content"><code
  6.1920 -   class=property>content</code></a>&rsquo; property that ends up being used
  6.1921 -   is a single URI, then the element or pseudo-element is a replaced element.
  6.1922 -   The box model defines different rules for the layout of replaced elements
  6.1923 -   than normal elements. Replaced elements do not have &lsquo;<code
  6.1924 -   class=css>::before</code>&rsquo; and &lsquo;<code
  6.1925 -   class=css>::after</code>&rsquo; pseudo-elements; the &lsquo;<a
  6.1926 -   href="#content"><code class=property>content</code></a>&rsquo; property in
  6.1927 -   the case of replaced content replaces the entire contents of the element's
  6.1928 -   box.</p>
  6.1929 +  <p>If the computed value of the part of the ‘<a href="#content"><code
  6.1930 +   class=property>content</code></a>’ property that ends up being used is a
  6.1931 +   single URI, then the element or pseudo-element is a replaced element. The
  6.1932 +   box model defines different rules for the layout of replaced elements than
  6.1933 +   normal elements. Replaced elements do not have ‘<code
  6.1934 +   class=css>::before</code>’ and ‘<code class=css>::after</code>’
  6.1935 +   pseudo-elements; the ‘<a href="#content"><code
  6.1936 +   class=property>content</code></a>’ property in the case of replaced
  6.1937 +   content replaces the entire contents of the element's box.</p>
  6.1938    <!-- hehe. I expect at least one person to complain about this and suggest that ::before and
  6.1939  ::after on replaced content becomes sibling content. Well, they will need to explain:
  6.1940  
  6.1941 @@ -1884,8 +1861,8 @@
  6.1942    <h2 class=no-num id=acknowledgments>Acknowledgments</h2>
  6.1943  
  6.1944    <p>Stuart Ballard, David Baron, Bert Bos, and <span lang=tr>Tantek
  6.1945 -   &#x00C7;el&#x0131&#x0307;k</span> provided invaluable suggestions used in
  6.1946 -   this specification.
  6.1947 +   Çelı̇k</span> provided invaluable suggestions used in this
  6.1948 +   specification.
  6.1949  
  6.1950    <h2 class=no-num id=references>References</h2>
  6.1951  
  6.1952 @@ -1894,7 +1871,7 @@
  6.1953    <!-- Sorted by label -->
  6.1954  
  6.1955    <dl class=bibliography>
  6.1956 -   <dt style="display: none"><!-- keeps the doc valid if the DL is empty -->
  6.1957 +   <dd style="display: none"><!-- keeps the doc valid if the DL is empty -->
  6.1958      <!---->
  6.1959  
  6.1960     <dt id=CSS3LIST>[CSS3LIST]
  6.1961 @@ -1904,17 +1881,17 @@
  6.1962      and Counters Module Level 3.</cite></a> 24 May 2011. W3C Working Draft.
  6.1963      (Work in progress.) URL: <a
  6.1964      href="http://www.w3.org/TR/2011/WD-css3-lists-20110524">http://www.w3.org/TR/2011/WD-css3-lists-20110524</a>
  6.1965 -    </dd>
  6.1966 +   </dd>
  6.1967     <!---->
  6.1968  
  6.1969     <dt id=CSS3PAGE>[CSS3PAGE]
  6.1970  
  6.1971 -   <dd>H&#229;kon Wium Lie; Melinda Grant. <a
  6.1972 -    href="http://www.w3.org/TR/2006/WD-css3-page-20061010"><cite>CSS3 Module:
  6.1973 -    Paged Media.</cite></a> 10 October 2006. W3C Working Draft. (Work in
  6.1974 -    progress.) URL: <a
  6.1975 -    href="http://www.w3.org/TR/2006/WD-css3-page-20061010">http://www.w3.org/TR/2006/WD-css3-page-20061010</a>
  6.1976 -    </dd>
  6.1977 +   <dd>Melinda Grant; et al. <a
  6.1978 +    href="http://www.w3.org/TR/2013/WD-css3-page-20130314/"><cite>CSS Paged
  6.1979 +    Media Module Level 3.</cite></a> 14 March 2013. W3C Working Draft. (Work
  6.1980 +    in progress.) URL: <a
  6.1981 +    href="http://www.w3.org/TR/2013/WD-css3-page-20130314/">http://www.w3.org/TR/2013/WD-css3-page-20130314/</a>
  6.1982 +   </dd>
  6.1983     <!---->
  6.1984    </dl>
  6.1985    <!--end-normative-->
  6.1986 @@ -1924,7 +1901,7 @@
  6.1987    <!-- Sorted by label -->
  6.1988  
  6.1989    <dl class=bibliography>
  6.1990 -   <dt style="display: none"><!-- keeps the doc valid if the DL is empty -->
  6.1991 +   <dd style="display: none"><!-- keeps the doc valid if the DL is empty -->
  6.1992      <!---->
  6.1993    </dl>
  6.1994    <!--end-informative-->
  6.1995 @@ -1933,76 +1910,78 @@
  6.1996    <!--begin-index-->
  6.1997  
  6.1998    <ul class=indexlist>
  6.1999 -   <li>box, <a href="#box" title=box><strong>7.</strong></a>
  6.2000 -
  6.2001 -   <li>check, <a href="#check" title=check><strong>7.</strong></a>
  6.2002 -
  6.2003 -   <li>circle, <a href="#circle" title=circle><strong>7.</strong></a>
  6.2004 +   <li>box, <a href="#box" title="section 7."><strong>7.</strong></a>
  6.2005 +
  6.2006 +   <li>check, <a href="#check" title="section 7."><strong>7.</strong></a>
  6.2007 +
  6.2008 +   <li>circle, <a href="#circle" title="section 7."><strong>7.</strong></a>
  6.2009  
  6.2010     <li>close-quote, <a href="#close-quote"
  6.2011 -    title=close-quote><strong>7.</strong></a>
  6.2012 -
  6.2013 -   <li>content, <a href="#content" title=content><strong>7.</strong></a>
  6.2014 +    title="section 7."><strong>7.</strong></a>
  6.2015 +
  6.2016 +   <li>content, <a href="#content" title="section 7."><strong>7.</strong></a>
  6.2017  
  6.2018     <li>&lt;content-list&gt;, <a href="#content-list"
  6.2019 -    title="&lt;content-list&gt;"><strong>7.</strong></a>
  6.2020 -
  6.2021 -   <li>contents, <a href="#contents0" title=contents><strong>7.</strong></a>
  6.2022 +    title="section 7."><strong>7.</strong></a>
  6.2023 +
  6.2024 +   <li>contents, <a href="#contents0"
  6.2025 +    title="section 7."><strong>7.</strong></a>
  6.2026 +
  6.2027 +   <li>&lt;counter&gt;, <a href="#counter"
  6.2028 +    title="section 7."><strong>7.</strong></a>
  6.2029  
  6.2030     <li>counter-increment, <a href="#counter-increment"
  6.2031 -    title=counter-increment><strong>5.</strong></a>
  6.2032 +    title="section 5."><strong>5.</strong></a>
  6.2033  
  6.2034     <li>counter-reset, <a href="#counter-reset"
  6.2035 -    title=counter-reset><strong>5.</strong></a>
  6.2036 -
  6.2037 -   <li>counters, <a href="#counters0" title=counters><strong>5.</strong></a>
  6.2038 -
  6.2039 -   <li>&lt;counters&gt;, <a href="#counters"
  6.2040 -    title="&lt;counters&gt;"><strong>7.</strong></a>
  6.2041 -
  6.2042 -   <li>diamond, <a href="#diamond" title=diamond><strong>7.</strong></a>
  6.2043 -
  6.2044 -   <li>disc, <a href="#disc" title=disc><strong>7.</strong></a>
  6.2045 +    title="section 5."><strong>5.</strong></a>
  6.2046 +
  6.2047 +   <li>counters, <a href="#counters0"
  6.2048 +    title="section 5."><strong>5.</strong></a>
  6.2049 +
  6.2050 +   <li>diamond, <a href="#diamond" title="section 7."><strong>7.</strong></a>
  6.2051 +
  6.2052 +   <li>disc, <a href="#disc" title="section 7."><strong>7.</strong></a>
  6.2053  
  6.2054     <li>document-url, <a href="#document-url"
  6.2055 -    title=document-url><strong>7.</strong></a>
  6.2056 -
  6.2057 -   <li>hyphen, <a href="#hyphen" title=hyphen><strong>7.</strong></a>
  6.2058 -
  6.2059 -   <li>inhibit, <a href="#inhibit" title=inhibit><strong>7.</strong></a>
  6.2060 +    title="section 7."><strong>7.</strong></a>
  6.2061 +
  6.2062 +   <li>hyphen, <a href="#hyphen" title="section 7."><strong>7.</strong></a>
  6.2063 +
  6.2064 +   <li>inhibit, <a href="#inhibit" title="section 7."><strong>7.</strong></a>
  6.2065 +
  6.2066 +   <li>&lt;named-string&gt;, <a href="#named-string"
  6.2067 +    title="section 7."><strong>7.</strong></a>
  6.2068  
  6.2069     <li>no-close-quote, <a href="#no-close-quote"
  6.2070 -    title=no-close-quote><strong>7.</strong></a>
  6.2071 -
  6.2072 -   <li>none, <a href="#none" title=none><strong>4.</strong></a>, <a
  6.2073 -    href="#none0" title=none><strong>7.</strong></a>
  6.2074 +    title="section 7."><strong>7.</strong></a>
  6.2075 +
  6.2076 +   <li>none, <a href="#none" title="section 4."><strong>4.</strong></a>, <a
  6.2077 +    href="#none0" title="section 7."><strong>7.</strong></a>
  6.2078  
  6.2079     <li>no-open-quote, <a href="#no-open-quote"
  6.2080 -    title=no-open-quote><strong>4.1.</strong></a>, <a href="#no-open-quote0"
  6.2081 -    title=no-open-quote><strong>7.</strong></a>
  6.2082 -
  6.2083 -   <li>normal, <a href="#normal" title=normal><strong>7.</strong></a>
  6.2084 +    title="section 7."><strong>7.</strong></a>, <a href="#x"
  6.2085 +    title="section 4.1."><strong>4.1.</strong></a>
  6.2086 +
  6.2087 +   <li>normal, <a href="#normal" title="section 7."><strong>7.</strong></a>
  6.2088  
  6.2089     <li>open-quote, <a href="#open-quote"
  6.2090 -    title=open-quote><strong>7.</strong></a>
  6.2091 +    title="section 7."><strong>7.</strong></a>
  6.2092  
  6.2093     <li>originating element, <a href="#originating-element"
  6.2094 -    title="originating element"><strong>2.</strong></a>
  6.2095 +    title="section 2."><strong>2.</strong></a>
  6.2096  
  6.2097     <li>page-policy, <a href="#page-policy0"
  6.2098 -    title=page-policy><strong>6.2.</strong></a>
  6.2099 +    title="section 6.2."><strong>6.2.</strong></a>
  6.2100  
  6.2101     <li>pending(&lt;identifier&gt;), <a href="#pendingltidentifiergt"
  6.2102 -    title="pending(&lt;identifier&gt;)"><strong>7.</strong></a>
  6.2103 -
  6.2104 -   <li>quotes, <a href="#quotes" title=quotes><strong>4.</strong></a>
  6.2105 -
  6.2106 -   <li>scope, <a href="#scope" title=scope><strong>5.1.</strong></a>
  6.2107 -
  6.2108 -   <li>square, <a href="#square" title=square><strong>7.</strong></a>
  6.2109 -
  6.2110 -   <li>&lt;strings&gt;, <a href="#strings"
  6.2111 -    title="&lt;strings&gt;"><strong>7.</strong></a>
  6.2112 +    title="section 7."><strong>7.</strong></a>
  6.2113 +
  6.2114 +   <li>quotes, <a href="#quotes" title="section 4."><strong>4.</strong></a>
  6.2115 +
  6.2116 +   <li>scope, <a href="#scope" title="section 5.1."><strong>5.1.</strong></a>
  6.2117 +
  6.2118 +   <li>square, <a href="#square" title="section 7."><strong>7.</strong></a>
  6.2119    </ul>
  6.2120    <!--end-index-->
  6.2121  
  6.2122 @@ -2018,7 +1997,7 @@
  6.2123  
  6.2124       <th>Initial
  6.2125  
  6.2126 -     <th>Applies&nbsp;to
  6.2127 +     <th>Applies to
  6.2128  
  6.2129       <th>Inh.
  6.2130  
  6.2131 @@ -2030,13 +2009,12 @@
  6.2132      <tr>
  6.2133       <th><a class=property href="#content">content</a>
  6.2134  
  6.2135 -     <td>[ [ &lt;uri&gt; | icon ] &lsquo;,&rsquo; ]* [ normal | none |
  6.2136 -      inhibit | &lt;content-list&gt; ]
  6.2137 +     <td>[ [ &lt;uri&gt; | icon ] ‘,’ ]* [ normal | none | inhibit |
  6.2138 +      &lt;content-list&gt; ]
  6.2139  
  6.2140       <td>normal
  6.2141  
  6.2142 -     <td>all elements, ::before, ::after, ::alternate, ::marker,
  6.2143 -      ::line-marker, margin areas, and @footnote areas
  6.2144 +     <td>
  6.2145  
  6.2146       <td>no
  6.2147  
  6.2148 @@ -2051,8 +2029,7 @@
  6.2149  
  6.2150       <td>note
  6.2151  
  6.2152 -     <td>all elements, ::before, ::after, ::alternate, ::marker,
  6.2153 -      ::line-marker, margin areas, @footnote areas, and @page context
  6.2154 +     <td>
  6.2155  
  6.2156       <td>no
  6.2157  
  6.2158 @@ -2067,8 +2044,7 @@
  6.2159  
  6.2160       <td>note
  6.2161  
  6.2162 -     <td>all elements, ::before, ::after, ::alternate, ::marker,
  6.2163 -      ::line-marker, margin areas, @footnote areas, and @page context
  6.2164 +     <td>
  6.2165  
  6.2166       <td>no
  6.2167  
  6.2168 @@ -2098,7 +2074,7 @@
  6.2169  
  6.2170       <td>text
  6.2171  
  6.2172 -     <td>all elements
  6.2173 +     <td>
  6.2174  
  6.2175       <td>no
  6.2176