serialize some more components

Author: annevk

cssom/Overview.html

@@ -3503,6 +3503,44 @@ <h4 id=serializing-css-values><span class=secno>6.6.2. </span>Serializing
      <dd>The color is <code>rgba(0, 0, 0, 0)</code>.</dd>
    -->
 
+   <dt>&lt;counter>
+
+   <dd>
+    <p>In case of nested counters with the same name the concatenation of
+     these strings:</p>
+
+    <ol>
+     <li>
+      <p>The string "<code>counters(</code>", followed by the first
+       &lt;identifier> component, serialized, followed by "<code>,</code>"
+       (U+002C), followed by a space (U+0020), followed by the &lt;string>
+       component, serialized.
+
+     <li>
+      <p>If there is a second <&lt;identifier> component: "<code>,</code>"
+       (U+002C), followed by a space (U+0020), followed by the second
+       &lt;identifier> component, serialized.
+
+     <li>
+      <p>"<code>)</code>" (U+0029).
+    </ol>
+
+    <p>Otherwise, the concatenation of these strings:</p>
+
+    <ol>
+     <li>
+      <p>The string "<code>counter(</code>", followed by the first
+       &lt;identifier> component, serialized.
+
+     <li>
+      <p>If there is a second <&lt;identifier> component: "<code>,</code>"
+       (U+002C), followed by a space (U+0020), followed by the second
+       &lt;identifier> component, serialized.
+
+     <li>
+      <p>"<code>)</code>" (U+0029).
+    </ol>
+
    <dt>&lt;frequency>
 
    <dd>
@@ -3519,8 +3557,7 @@ <h4 id=serializing-css-values><span class=secno>6.6.2. </span>Serializing
 
    <dd>
     <p>A base-ten integer using digits 0-9 (U+0030 to U+0039) in the shortest
-     form possible, preceded by a "<code>-</code>" (U+002D) if it is
-     negative.
+     form possible, preceded by "<code>-</code>" (U+002D) if it is negative.
 
    <dt>&lt;length>
 
@@ -3530,8 +3567,8 @@ <h4 id=serializing-css-values><span class=secno>6.6.2. </span>Serializing
 
     <p>Absolute lengths: the number of millimeters serialized as per
      &lt;number> followed by the literal string "<code>mm</code>". <span
-     class=XXX>Rumor has it absolute lengths will become relative lengths. If
-     not, change to centimeters?</span></p>
+     class=XXX>Rumor has it absolute lengths will become relative lengths.
+     Centimeters would be compatible with &lt;resolution>...</span></p>
 
     <p>Relative lengths: the &lt;number> component serialized as per
      &lt;number> followed by the unit in its canonical form as defined in its
@@ -3556,8 +3593,17 @@ <h4 id=serializing-css-values><span class=secno>6.6.2. </span>Serializing
     <p>The resolution in dots per centimeter serialized as per &lt;number>
      followed by the literal string "<code>dpcm</code>".
 
+   <dt>&lt;shape>
+
+   <dd>
+    <p class=XXX>...
+
    <dt>&lt;string>
 
+   <dt>&lt;family-name>
+
+   <dt>&lt;specific-voice>
+
    <dd>
     <p>The string <a href="#escape-a-string" title="escape a string">string
      escaped</a>.
@@ -3575,6 +3621,18 @@ <h4 id=serializing-css-values><span class=secno>6.6.2. </span>Serializing
      URL">URL escaped</a>.
   </dl>
 
+  <p> &lt;absolute-size>, &lt;border-width>, &lt;border-style>, &lt;bottom>,
+   &lt;generic-family>, &lt;generic-voice>, &lt;left>, &lt;margin-width>,
+   &lt;padding-width>, &lt;relative-size>, &lt;right>, and &lt;top>, are
+   considered macros by this specification. They all represent instances of
+   components outlined above.
+
+  <p class=XXX>One idea is that we can remove this section somewhere in the
+   CSS3/CSS4 timeline by moving the above definitions to the drafts that
+   define the CSS components.
+
+  <hr>
+
   <p>To <dfn id=escape-a-character>escape a character</dfn> means to create a
    string of "<code>\</code>" (U+005C), followed by the character.
 

cssom/Overview.src.html

@@ -2198,6 +2198,32 @@ <h4>Serializing CSS Values</h4>
      <dd>The color is <code>rgba(0, 0, 0, 0)</code>.</dd>
    -->
 
+   <dt>&lt;counter></dt>
+   <dd>
+    <p>In case of nested counters with the same name the concatenation of
+    these strings:</p>
+    <ol>
+     <li><p>The string "<code>counters(</code>", followed by the
+     first &lt;identifier> component, serialized, followed by
+     "<code>,</code>" (U+002C), followed by a space (U+0020), followed by
+     the &lt;string> component, serialized.</p></li>
+     <li><p>If there is a second <&lt;identifier> component:
+     "<code>,</code>" (U+002C), followed by a space (U+0020), followed by
+     the second &lt;identifier> component, serialized.</p></li>
+     <li><p>"<code>)</code>" (U+0029).</p></li>
+    </ol>
+
+    <p>Otherwise, the concatenation of these strings:</p>
+    <ol>
+     <li><p>The string "<code>counter(</code>", followed by the
+     first &lt;identifier> component, serialized.</p></li>
+     <li><p>If there is a second <&lt;identifier> component:
+     "<code>,</code>" (U+002C), followed by a space (U+0020), followed by
+     the second &lt;identifier> component, serialized.</p></li>
+     <li><p>"<code>)</code>" (U+0029).</p></li>
+    </ol>
+   </dd>
+   
    <dt>&lt;frequency></dt>
    <dd><p>The frequency in hertz serialized as per &lt;number> followed by
    the literal string "<code>hz</code>".</dd>
@@ -2208,7 +2234,7 @@ <h4>Serializing CSS Values</h4>
 
    <dt>&lt;integer></dt>
    <dd><p>A base-ten integer using digits 0-9 (U+0030 to U+0039) in the
-   shortest form possible, preceded by a "<code>-</code>" (U+002D) if it is
+   shortest form possible, preceded by "<code>-</code>" (U+002D) if it is
    negative.</p></dd>
 
    <dt>&lt;length></dt>
@@ -2219,7 +2245,7 @@ <h4>Serializing CSS Values</h4>
     <p>Absolute lengths: the number of millimeters serialized as per
     &lt;number> followed by the literal string "<code>mm</code>".
     <span class=XXX>Rumor has it absolute lengths will become relative
-    lengths. If not, change to centimeters?</p>
+    lengths. Centimeters would be compatible with &lt;resolution>...</p>
 
     <p>Relative lengths: the &lt;number> component serialized as per
     &lt;number> followed by the unit in its canonical form as defined in its
@@ -2239,7 +2265,12 @@ <h4>Serializing CSS Values</h4>
    <dd><p>The resolution in dots per centimeter serialized as per
    &lt;number> followed by the literal string "<code>dpcm</code>".</dd>
 
+   <dt>&lt;shape></dt>
+   <dd><p class="XXX">...</p></dd>
+
    <dt>&lt;string></dt>
+   <dt>&lt;family-name></dt>
+   <dt>&lt;specific-voice></dt>
    <dd><p>The string
    <span title="escape a string">string escaped</span>.</p></dd>
 
@@ -2252,6 +2283,28 @@ <h4>Serializing CSS Values</h4>
    <span title="escape a URL">URL escaped</span>.</p></dd>
   </dl>
 
+  <p>
+   &lt;absolute-size>,
+   &lt;border-width>,
+   &lt;border-style>,
+   &lt;bottom>,
+   &lt;generic-family>,
+   &lt;generic-voice>,
+   &lt;left>,
+   &lt;margin-width>,
+   &lt;padding-width>,
+   &lt;relative-size>,
+   &lt;right>, and
+   &lt;top>,
+   are considered macros by this specification. They all represent instances
+   of components outlined above.</p>
+   
+  <p class="XXX">One idea is that we can remove this section somewhere in
+  the CSS3/CSS4 timeline by moving the above definitions to the drafts that
+  define the CSS components.</p>
+
+  <hr>
+
   <p>To <dfn>escape a character</dfn> means to create a string of
   "<code>\</code>" (U+005C), followed by the character.</p>