rearrange Definitions section (move Glossary section above Conformance, shift Profiles section down below Conformance and rename and update it

Author: fantasai

css3-background/Overview.html

@@ -235,11 +235,21 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
 
    <li><a href="#definitions"><span class=secno>5 </span>Definitions</a>
     <ul class=toc>
-     <li><a href="#profiles"><span class=secno>5.1 </span>Profiles</a>
+     <li><a href="#glossary"><span class=secno>5.1 </span>Glossary</a>
 
      <li><a href="#conformance"><span class=secno>5.2 </span>Conformance</a>
 
-     <li><a href="#glossary"><span class=secno>5.3 </span>Glossary</a>
+     <li><a href="#levels"><span class=secno>5.3 </span>Levels</a>
+      <ul class=toc>
+       <li><a href="#css-level-1"><span class=secno>5.3.1 </span>CSS Level
+        1</a>
+
+       <li><a href="#css-level-2"><span class=secno>5.3.2 </span>CSS Level
+        2</a>
+
+       <li><a href="#css-level-3"><span class=secno>5.3.3 </span>CSS Level
+        3</a>
+      </ul>
 
      <li><a href="#exit"><span class=secno>5.4 </span>CR exit criteria</a>
     </ul>
@@ -3415,133 +3425,53 @@ <h3 id=the-box-shadow><span class=secno>4.8 </span>The &lsquo;<code
 
   <h2 id=definitions><span class=secno>5 </span>Definitions</h2>
 
-  <h3 id=profiles><span class=secno>5.1 </span>Profiles</h3>
-
-  <p class=issue>(NOTE: Check profiles because of changes made!)
-
-  <p>CSS1 Profile:
-
-  <ul>
-   <li>&lsquo;<code class=property><a
-    href="#background-color">background-color</a></code>&rsquo;
-
-   <li>&lsquo;<code class=property><a
-    href="#background-image">background-image</a></code>&rsquo;
-
-   <li>&lsquo;<code class=property><a
-    href="#background-repeat">background-repeat</a></code>&rsquo;: only
-    repeat, repeat-x, repeat-y, no-repeat
-
-   <li>&lsquo;<code class=property><a
-    href="#background-attachment">background-attachment</a></code>&rsquo;
-
-   <li>&lsquo;<code class=property><a
-    href="#background-position">background-position</a></code>&rsquo;
-
-   <li>&lsquo;<code class=property><a
-    href="#background">background</a></code>&rsquo;: only color, image,
-    repeat, attachment and position
-
-   <li>&lsquo;<code class=property><a
-    href="#background-origin">background-origin</a></code>&rsquo; always has
-    value &lsquo;<code class=css><a
-    href="#content-box">content-box</a></code>&rsquo;
-
-   <li>&lsquo;<code class=property><a
-    href="#background-clip">background-clip</a></code>&rsquo; always has
-    value &lsquo;<code class=css><a
-    href="#border-box">border-box</a></code>&rsquo;
-
-   <li>&lsquo;<code class=property><a
-    href="#background-break">background-break</a></code>&rsquo; always has
-    value &lsquo;<code class=css><a
-    href="#continuous">continuous</a></code>&rsquo;
-  </ul>
-
-  <p>CSS2 Profile:
-
-  <ul>
-   <li>&lsquo;<code class=property><a
-    href="#background-color">background-color</a></code>&rsquo;
-
-   <li>&lsquo;<code class=property><a
-    href="#background-image">background-image</a></code>&rsquo;
-
-   <li>&lsquo;<code class=property><a
-    href="#background-repeat">background-repeat</a></code>&rsquo;: only
-    repeat, repeat-x, repeat-y, no-repeat
-
-   <li>&lsquo;<code class=property><a
-    href="#background-attachment">background-attachment</a></code>&rsquo;
-
-   <li>&lsquo;<code class=property><a
-    href="#background-position">background-position</a></code>&rsquo;
-
-   <li>&lsquo;<code class=property><a
-    href="#background">background</a></code>&rsquo;: only color, image,
-    repeat, attachment and position
-
-   <li>&lsquo;<code class=property><a
-    href="#background-origin">background-origin</a></code>&rsquo; always has
-    value &lsquo;<code class=css><a
-    href="#padding-box">padding-box</a></code>&rsquo;
-
-   <li>&lsquo;<code class=property><a
-    href="#background-clip">background-clip</a></code>&rsquo; always has
-    value &lsquo;<code class=css><a
-    href="#border-box">border-box</a></code>&rsquo;
+  <h3 id=glossary><span class=secno>5.1 </span>Glossary</h3>
 
-   <li>&lsquo;<code class=property><a
-    href="#background-break">background-break</a></code>&rsquo; always has
-    value &lsquo;<code class=css><a
-    href="#continuous">continuous</a></code>&rsquo;
-  </ul>
+  <p>The following terms and abbreviations are used in this module.
 
-  <p>Mobile and TV Profiles (informative, see their specifications):
+  <dl>
+   <dt><dfn id=ua>UA</dfn>
 
-  <ul>
-   <li>&lsquo;<code class=property><a
-    href="#background-color">background-color</a></code>&rsquo;
+   <dt><dfn id=user-agent>User Agent</dfn>
 
-   <li>&lsquo;<code class=property><a
-    href="#background-image">background-image</a></code>&rsquo;
+   <dd>
+    <p>A program that reads and/or writes CSS style sheets on behalf of a
+     user in either or both of these categories: programs whose purpose is to
+     render <a href="#document" title=document>documents</a> (e.g., browsers)
+     and programs whose purpose is to create style sheets (e.g., editors). A
+     UA may fall into both categories. (There are other programs that read or
+     write style sheets, but this module gives no rules for them.)
 
-   <li>&lsquo;<code class=property><a
-    href="#background-repeat">background-repeat</a></code>&rsquo;: only
-    repeat, repeat-x, repeat-y, no-repeat
+   <dt><dfn id=document>document</dfn>
 
-   <li>&lsquo;<code class=property><a
-    href="#background-position">background-position</a></code>&rsquo;
+   <dt><dfn id=source-document>source document</dfn>
 
-   <li>&lsquo;<code class=property><a
-    href="#background">background</a></code>&rsquo;: only color, image,
-    repeat and position
+   <dd>
+    <p>A tree-structured document with elements and attributes, such as an
+     SGML or XML document <a href="#XML11"
+     rel=biblioentry>[XML11]<!--{{XML11}}--></a>.
 
-   <li>&lsquo;<code class=property><a
-    href="#background-attachment">background-attachment</a></code>&rsquo;:
-    always has value &lsquo;<code class=css>scroll</code>&rsquo;
+   <dt><dfn id=html-document>HTML document</dfn>
 
-   <li>&lsquo;<code class=property><a
-    href="#background-origin">background-origin</a></code>&rsquo; always has
-    value &lsquo;<code class=css><a
-    href="#padding-box">padding-box</a></code>&rsquo;
+   <dd>
+    <p>A document that has the MIME type text/html <a href="#RFC2854"
+     rel=biblioentry>[RFC2854]<!--{{RFC2854}}--></a> and conforms to that
+     type.
 
-   <li>&lsquo;<code class=property><a
-    href="#background-clip">background-clip</a></code>&rsquo; always has
-    value &lsquo;<code class=css><a
-    href="#border-box">border-box</a></code>&rsquo;
+   <dt><dfn id=xhtml-document>XHTML document</dfn>
 
-   <li>&lsquo;<code class=property><a
-    href="#background-break">background-break</a></code>&rsquo; always has
-    value &lsquo;<code class=css><a
-    href="#continuous">continuous</a></code>&rsquo;
-  </ul>
+   <dd>
+    <p>A document that has the MIME type text/xhtml+xml or
+     application/xhtml+xml <a href="#RFC3236"
+     rel=biblioentry>[RFC3236]<!--{{RFC3236}}--></a> and conforms to either
+     type.
 
-  <p>CSS3 Profile:
+   <dt><dfn id=style-sheet>style sheet</dfn>
 
-  <ul>
-   <li>Everything (as described in this specification)
-  </ul>
+   <dd>
+    <p>A <a href="http://www.w3.org/TR/CSS21/conform.html#style-sheet">CSS
+     style sheet</a>.
+  </dl>
 
   <h3 id=conformance><span class=secno>5.2 </span>Conformance</h3>
 
@@ -3604,53 +3534,123 @@ <h3 id=conformance><span class=secno>5.2 </span>Conformance</h3>
    if it writes syntactically correct style sheets, according to the generic
    CSS grammar and the individual grammars of each property in this module.
 
-  <h3 id=glossary><span class=secno>5.3 </span>Glossary</h3>
+  <h3 id=levels><span class=secno>5.3 </span>Levels</h3>
 
-  <p>The following terms and abbreviations are used in this module.
+  <p><em>This section is informative.</em> CSS has different levels of
+   features, each a subset of the other. (See [[CSSBEIJING]] for a full
+   explanation.) The lists below describe which features from this
+   specification are in each level.
 
-  <dl>
-   <dt><dfn id=ua>UA</dfn>
+  <h4 id=css-level-1><span class=secno>5.3.1 </span>CSS Level 1</h4>
 
-   <dt><dfn id=user-agent>User Agent</dfn>
+  <ul>
+   <li>&lsquo;<code class=property><a
+    href="#background-color">background-color</a></code>&rsquo;: only one
+    color (no fallback)
 
-   <dd>
-    <p>A program that reads and/or writes CSS style sheets on behalf of a
-     user in either or both of these categories: programs whose purpose is to
-     render <a href="#document" title=document>documents</a> (e.g., browsers)
-     and programs whose purpose is to create style sheets (e.g., editors). A
-     UA may fall into both categories. (There are other programs that read or
-     write style sheets, but this module gives no rules for them.)
+   <li>&lsquo;<code class=property><a
+    href="#background-image">background-image</a></code>&rsquo; only one
+    image (no layers)
 
-   <dt><dfn id=document>document</dfn>
+   <li>&lsquo;<code class=property><a
+    href="#background-repeat">background-repeat</a></code>&rsquo;: only
+    &lsquo;<code class=property><a href="#repeat">repeat</a></code>&rsquo; |
+    &lsquo;<code class=property><a
+    href="#repeat-x">repeat-x</a></code>&rsquo; | &lsquo;<code
+    class=property><a href="#repeat-y">repeat-y</a></code>&rsquo; |
+    &lsquo;<code class=property><a
+    href="#no-repeat">no-repeat</a></code>&rsquo;
 
-   <dt><dfn id=source-document>source document</dfn>
+   <li>&lsquo;<code class=property><a
+    href="#background-attachment">background-attachment</a></code>&rsquo;:
+    only &lsquo;<code class=property>scroll</code>&rsquo; | &lsquo;<code
+    class=property>fixed</code>&rsquo;
 
-   <dd>
-    <p>A tree-structured document with elements and attributes, such as an
-     SGML or XML document <a href="#XML11"
-     rel=biblioentry>[XML11]<!--{{XML11}}--></a>.
+   <li>&lsquo;<code class=property><a
+    href="#background-position">background-position</a></code>&rsquo;: only
+    one or two values allowed
 
-   <dt><dfn id=html-document>HTML document</dfn>
+   <li>&lsquo;<code class=property><a
+    href="#background">background</a></code>&rsquo; shorthand: only color,
+    image, repeat, attachment and position
 
-   <dd>
-    <p>A document that has the MIME type text/html <a href="#RFC2854"
-     rel=biblioentry>[RFC2854]<!--{{RFC2854}}--></a> and conforms to that
-     type.
+   <li>&lsquo;<code class=property><a
+    href="#border-color">border-color</a></code>&rsquo; properties
 
-   <dt><dfn id=xhtml-document>XHTML document</dfn>
+   <li>&lsquo;<code class=property><a
+    href="#border-style">border-style</a></code>&rsquo; properties
 
-   <dd>
-    <p>A document that has the MIME type text/xhtml+xml or
-     application/xhtml+xml <a href="#RFC3236"
-     rel=biblioentry>[RFC3236]<!--{{RFC3236}}--></a> and conforms to either
-     type.
+   <li>&lsquo;<code class=property><a
+    href="#border-width">border-width</a></code>&rsquo; properties
 
-   <dt><dfn id=style-sheet>style sheet</dfn>
+   <li>&lsquo;<code class=property><a
+    href="#border-top">border-top</a></code>&rsquo;, &lsquo;<code
+    class=property><a href="#border-bottom">border-bottom</a></code>&rsquo;,
+    &lsquo;<code class=property><a
+    href="#border-right">border-right</a></code>&rsquo;, &lsquo;<code
+    class=property><a href="#border-left">border-left</a></code>&rsquo;, and
+    &lsquo;<code class=property><a href="#border">border</a></code>&rsquo;
+    shorthands
+  </ul>
 
-   <dd>
-    <p>A <a href="http://www.w3.org/TR/CSS21/conform.html#style-sheet">CSS
-     style sheet</a>.
-  </dl>
+  <h4 id=css-level-2><span class=secno>5.3.2 </span>CSS Level 2</h4>
+
+  <ul>
+   <li>&lsquo;<code class=property><a
+    href="#background-color">background-color</a></code>&rsquo;: only one
+    color (no fallback)
+
+   <li>&lsquo;<code class=property><a
+    href="#background-image">background-image</a></code>&rsquo;: only one
+    image (no layers)
+
+   <li>&lsquo;<code class=property><a
+    href="#background-repeat">background-repeat</a></code>&rsquo;: only
+    &lsquo;<code class=property><a href="#repeat">repeat</a></code>&rsquo; |
+    &lsquo;<code class=property><a
+    href="#repeat-x">repeat-x</a></code>&rsquo; | &lsquo;<code
+    class=property><a href="#repeat-y">repeat-y</a></code>&rsquo; |
+    &lsquo;<code class=property><a
+    href="#no-repeat">no-repeat</a></code>&rsquo;
+
+   <li>&lsquo;<code class=property><a
+    href="#background-attachment">background-attachment</a></code>&rsquo;:
+    only &lsquo;<code class=property>scroll</code>&rsquo; | &lsquo;<code
+    class=property>fixed</code>&rsquo;
+
+   <li>&lsquo;<code class=property><a
+    href="#background-position">background-position</a></code>&rsquo;: only
+    one or two values allowed
+
+   <li>&lsquo;<code class=property><a
+    href="#background">background</a></code>&rsquo;: only color, image,
+    repeat, attachment and position
+
+   <li>&lsquo;<code class=property><a
+    href="#border-color">border-color</a></code>&rsquo; properties
+
+   <li>&lsquo;<code class=property><a
+    href="#border-style">border-style</a></code>&rsquo; properties
+
+   <li>&lsquo;<code class=property><a
+    href="#border-width">border-width</a></code>&rsquo; properties
+
+   <li>&lsquo;<code class=property><a
+    href="#border-top">border-top</a></code>&rsquo;, &lsquo;<code
+    class=property><a href="#border-bottom">border-bottom</a></code>&rsquo;,
+    &lsquo;<code class=property><a
+    href="#border-right">border-right</a></code>&rsquo;, &lsquo;<code
+    class=property><a href="#border-left">border-left</a></code>&rsquo;, and
+    &lsquo;<code class=property><a href="#border">border</a></code>&rsquo;
+    shorthands
+  </ul>
+
+  <h4 id=css-level-3><span class=secno>5.3.3 </span>CSS Level 3</h4>
+
+  <ul>
+   <li>All features described in the CSS Backgrounds and Borders Module Level
+    3
+  </ul>
 
   <h3 id=exit><span class=secno>5.4 </span>CR exit criteria</h3>
 
@@ -4470,7 +4470,7 @@ <h2 class=no-num id=index>Index</h2>
 
    <li>dashed, <a href="#dashed" title=dashed><strong>4.2</strong></a>
 
-   <li>document, <a href="#document" title=document><strong>5.3</strong></a>
+   <li>document, <a href="#document" title=document><strong>5.1</strong></a>
 
    <li>dotted, <a href="#dotted" title=dotted><strong>4.2</strong></a>
 
@@ -4491,7 +4491,7 @@ <h2 class=no-num id=index>Index</h2>
    <li>hidden, <a href="#hidden" title=hidden><strong>4.2</strong></a>
 
    <li>HTML document, <a href="#html-document" title="HTML
-    document"><strong>5.3</strong></a>
+    document"><strong>5.1</strong></a>
 
    <li>inset, <a href="#inset" title=inset><strong>4.2</strong></a>
 
@@ -4546,26 +4546,26 @@ <h2 class=no-num id=index>Index</h2>
    <li>solid, <a href="#solid" title=solid><strong>4.2</strong></a>
 
    <li>source document, <a href="#source-document" title="source
-    document"><strong>5.3</strong></a>
+    document"><strong>5.1</strong></a>
 
    <li>space, <a href="#space" title=space><strong>3.4</strong></a>, <a
     href="#space-space" title=space><strong>3.4</strong></a>
 
    <li>style sheet, <a href="#style-sheet" title="style
-    sheet"><strong>5.3</strong></a>, <a href="#style-sheet-conform"
+    sheet"><strong>5.1</strong></a>, <a href="#style-sheet-conform"
     title="style sheet"><strong>5.2</strong></a>
 
    <li>top, <a href="#position-top" title=top><strong>3.6</strong></a>
 
-   <li>UA, <a href="#ua" title=UA><strong>5.3</strong></a>
+   <li>UA, <a href="#ua" title=UA><strong>5.1</strong></a>
 
    <li>User Agent, <a href="#user-agent" title="User
-    Agent"><strong>5.3</strong></a>
+    Agent"><strong>5.1</strong></a>
 
    <li>viewport, <a href="#viewport" title=viewport>3.5</a>
 
    <li>XHTML document, <a href="#xhtml-document" title="XHTML
-    document"><strong>5.3</strong></a>
+    document"><strong>5.1</strong></a>
   </ul>
   <!--end-index-->
 </html>