Fix property table formatting.
authorCameron McCormack <cam@mcc.id.au>
Sat, 18 Aug 2012 16:44:31 +1000
changeset 267 b818dcf25922
parent 266 b9e0581c6473
child 268 f333a8391056
Fix property table formatting.
master/propidx.html
master/style/default_svg.css
--- a/master/propidx.html	Sat Aug 18 16:11:40 2012 +1000
+++ b/master/propidx.html	Sat Aug 18 16:44:31 2012 +1000
@@ -21,7 +21,7 @@
 
 <!-- It would be great if this table were automatically generated, too. -->
 
-    <table class='vert property-table' summary="list of all properties">
+    <table class='proptable' summary="list of all properties">
       <thead>
         <tr>
           <th>Name</th>
@@ -36,7 +36,7 @@
       </thead>
       <tbody>
         <tr>
-          <td><a>'alignment-baseline'</a></td>
+          <th><a>'alignment-baseline'</a></th>
           <td>auto | baseline | before-edge | text-before-edge |
           middle | central | after-edge | text-after-edge |
           ideographic | alphabetic | hanging | mathematical | <a
@@ -54,7 +54,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'baseline-shift'</a></td>
+          <th><a>'baseline-shift'</a></th>
           <td>baseline | sub | super | <a
           href="types.html#DataTypePercentage">&lt;percentage&gt;</a>
           | <a href="types.html#DataTypeLength">&lt;length&gt;</a>
@@ -73,7 +73,7 @@
           <td>yes</td>
         </tr>
         <tr class="ready-for-wider-review">
-          <td><a>'buffered-rendering'</a></td>
+          <th><a>'buffered-rendering'</a></th>
           <td>auto | dynamic | static | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -88,7 +88,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'clip'</a></td>
+          <th><a>'clip'</a></th>
           <td><a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/visufx.html#value-def-shape">
           <span
@@ -109,7 +109,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'clip-path'</a></td>
+          <th><a>'clip-path'</a></th>
           <td><a href="types.html#DataTypeFuncIRI">&lt;funciri&gt;</a> |
           none | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
@@ -125,7 +125,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'clip-rule'</a></td>
+          <th><a>'clip-rule'</a></th>
           <td>nonzero | evenodd | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -140,7 +140,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'color'</a></td>
+          <th><a>'color'</a></th>
           <td><a href="types.html#DataTypeColor">&lt;color&gt;</a>
           | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
@@ -166,7 +166,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'color-interpolation'</a></td>
+          <th><a>'color-interpolation'</a></th>
           <td>auto | sRGB | linearRGB | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -181,7 +181,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'color-profile property'</a></td>
+          <th><a>'color-profile property'</a></th>
           <td>auto | sRGB | &lt;author-ident&gt; | <a
           href="types.html#DataTypeFuncIRI">&lt;funciri&gt;</a> | <a
           class="noxref"
@@ -199,7 +199,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'color-rendering'</a></td>
+          <th><a>'color-rendering'</a></th>
           <td>auto | optimizeSpeed | optimizeQuality | <a
           class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
@@ -215,7 +215,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'cursor property'</a></td>
+          <th><a>'cursor property'</a></th>
           <td>[ [<a href="types.html#DataTypeFuncIRI">&lt;funciri&gt;</a>
           ,]* [ auto | crosshair | default | pointer | move |
           e-resize | ne-resize | nw-resize | n-resize | se-resize |
@@ -236,7 +236,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'direction'</a></td>
+          <th><a>'direction'</a></th>
           <td>ltr | rtl | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -251,7 +251,7 @@
           <td>no</td>
         </tr>
         <tr>
-          <td><a>'display'</a></td>
+          <th><a>'display'</a></th>
           <td>inline | block | list-item | run-in | compact |
           marker | table | inline-table | table-row-group |
           table-header-group | table-footer-group | table-row |
@@ -272,7 +272,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'dominant-baseline'</a></td>
+          <th><a>'dominant-baseline'</a></th>
           <td>auto | use-script | no-change | reset-size |
           ideographic | alphabetic | hanging | mathematical |
           central | middle | text-after-edge | text-before-edge |
@@ -290,7 +290,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'enable-background'</a></td>
+          <th><a>'enable-background'</a></th>
           <td>accumulate | new [ &lt;x&gt; &lt;y&gt; &lt;width&gt;
           &lt;height&gt; ] | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
@@ -306,7 +306,7 @@
           <td>no</td>
         </tr>
         <tr>
-          <td><a>'fill'</a></td>
+          <th><a>'fill'</a></th>
           <td>&lt;paint&gt; (See <a
           href="painting.html#SpecifyingPaint">Specifying
           paint</a>)</td>
@@ -320,7 +320,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'fill-opacity'</a></td>
+          <th><a>'fill-opacity'</a></th>
           <td>&lt;opacity-value&gt; | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -335,7 +335,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'fill-rule'</a></td>
+          <th><a>'fill-rule'</a></th>
           <td>nonzero | evenodd | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -350,7 +350,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'filter property'</a></td>
+          <th><a>'filter property'</a></th>
           <td><a href="types.html#DataTypeFuncIRI">&lt;funciri&gt;</a> | none | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -365,7 +365,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'flood-color'</a></td>
+          <th><a>'flood-color'</a></th>
           <td>currentColor |<br />
            <a href="types.html#DataTypeColor">&lt;color&gt;</a>
            [<a href="types.html#DataTypeICCColor">&lt;icccolor&gt;</a>]
@@ -384,7 +384,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'flood-opacity'</a></td>
+          <th><a>'flood-opacity'</a></th>
           <td>&lt;opacity-value&gt; | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -399,7 +399,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'font property'</a></td>
+          <th><a>'font property'</a></th>
           <td>[ [ <a>'font-style'</a>
           || <a>'font-variant'</a>
           || <a>'font-weight'</a>
@@ -424,7 +424,7 @@
           <td>yes <sup><a href='#note1'>[1]</a></sup></td>
         </tr>
         <tr>
-          <td><a>'font-family'</a></td>
+          <th><a>'font-family'</a></th>
           <td>[[ <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/fonts.html#value-def-family-name">
           <span
@@ -455,7 +455,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'font-size'</a></td>
+          <th><a>'font-size'</a></th>
           <td><a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/fonts.html#value-def-absolute-size">
           <span
@@ -483,7 +483,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'font-size-adjust'</a></td>
+          <th><a>'font-size-adjust'</a></th>
           <td><a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/syndata.html#value-def-number">
           <span
@@ -502,7 +502,7 @@
           <td>yes <sup><a href='#note1'>[1]</a></sup></td>
         </tr>
         <tr>
-          <td><a>'font-stretch'</a></td>
+          <th><a>'font-stretch'</a></th>
           <td>normal | wider | narrower | ultra-condensed |
           extra-condensed | condensed | semi-condensed |
           semi-expanded | expanded | extra-expanded |
@@ -520,7 +520,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'font-style'</a></td>
+          <th><a>'font-style'</a></th>
           <td>normal | italic | oblique | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -535,7 +535,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'font-variant'</a></td>
+          <th><a>'font-variant'</a></th>
           <td>normal | small-caps | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -550,7 +550,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'font-weight'</a></td>
+          <th><a>'font-weight'</a></th>
           <td>normal | bold | bolder | lighter | 100 | 200 | 300 |
           400 | 500 | 600 | 700 | 800 | 900 | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
@@ -566,7 +566,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'glyph-orientation-horizontal'</a></td>
+          <th><a>'glyph-orientation-horizontal'</a></th>
           <td><a>&lt;angle&gt;</a> | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -581,7 +581,7 @@
           <td>no</td>
         </tr>
         <tr>
-          <td><a>'glyph-orientation-vertical'</a></td>
+          <th><a>'glyph-orientation-vertical'</a></th>
           <td>auto | <a>&lt;angle&gt;</a> | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -596,7 +596,7 @@
           <td>no</td>
         </tr>
         <tr>
-          <td><a>'image-rendering'</a></td>
+          <th><a>'image-rendering'</a></th>
           <td>auto | optimizeSpeed | optimizeQuality | <a
           class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
@@ -612,7 +612,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'letter-spacing'</a></td>
+          <th><a>'letter-spacing'</a></th>
           <td>normal | <a
           href="types.html#DataTypeLength">&lt;length&gt;</a> | <a
           class="noxref"
@@ -629,7 +629,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'lighting-color'</a></td>
+          <th><a>'lighting-color'</a></th>
           <td>currentColor |<br />
            <a href="types.html#DataTypeColor">&lt;color&gt;</a>
            [<a href="types.html#DataTypeICCColor">&lt;icccolor&gt;</a>]
@@ -650,7 +650,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'marker property'</a></td>
+          <th><a>'marker property'</a></th>
           <td>see individual properties</td>
           <td>see individual properties</td>
           <td><a>'path'</a>, <a>'line'</a>, <a>'polyline'</a> and <a>'polygon'</a> elements</td>
@@ -662,9 +662,9 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'marker-end'</a><br />
+          <th><a>'marker-end'</a><br />
            <a>'marker-mid'</a><br />
-           <a>'marker-start'</a></td>
+           <a>'marker-start'</a></th>
           <td>none |<br />
            <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
@@ -682,7 +682,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'mask property'</a></td>
+          <th><a>'mask property'</a></th>
           <td><a href="types.html#DataTypeFuncIRI">&lt;funciri&gt;</a> | none | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -697,7 +697,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'opacity'</a></td>
+          <th><a>'opacity'</a></th>
           <td>&lt;opacity-value&gt; | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -712,7 +712,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'overflow'</a></td>
+          <th><a>'overflow'</a></th>
           <td>visible | hidden | scroll | auto | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -728,8 +728,8 @@
           visual</a></td>
           <td>yes</td>
         </tr>
-        <tr>
-          <td><a>'paint-order'</a></td>
+        <tr class="ready-for-wider-review">
+          <th><a>'paint-order'</a></th>
           <td>normal | [ fill || stroke || markers ] | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -744,7 +744,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'pointer-events'</a></td>
+          <th><a>'pointer-events'</a></th>
           <td>visiblePainted | visibleFill | visibleStroke |
           visible |<br />
            painted | fill | stroke | all | none | <a class="noxref"
@@ -761,7 +761,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'shape-rendering'</a></td>
+          <th><a>'shape-rendering'</a></th>
           <td>auto | optimizeSpeed | crispEdges |<br />
            geometricPrecision | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
@@ -777,7 +777,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'stop-color'</a></td>
+          <th><a>'stop-color'</a></th>
           <td>currentColor |<br />
            <a href="types.html#DataTypeColor">&lt;color&gt;</a>
            [<a href="types.html#DataTypeICCColor">&lt;icccolor&gt;</a>]
@@ -796,7 +796,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'stop-opacity'</a></td>
+          <th><a>'stop-opacity'</a></th>
           <td>&lt;opacity-value&gt; | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -811,7 +811,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'stroke'</a></td>
+          <th><a>'stroke'</a></th>
           <td>&lt;paint&gt; (See <a
           href="painting.html#SpecifyingPaint">Specifying
           paint</a>)</td>
@@ -825,7 +825,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'stroke-dasharray'</a></td>
+          <th><a>'stroke-dasharray'</a></th>
           <td>none | &lt;dasharray&gt; | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -840,7 +840,7 @@
           <td>yes <sup><a href='#note1'>[1]</a></sup></td>
         </tr>
         <tr>
-          <td><a>'stroke-dashoffset'</a></td>
+          <th><a>'stroke-dashoffset'</a></th>
           <td><a>&lt;percentage&gt;</a> | <a
           href="types.html#DataTypeLength">&lt;length&gt;</a> | <a
           class="noxref"
@@ -857,7 +857,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'stroke-linecap'</a></td>
+          <th><a>'stroke-linecap'</a></th>
           <td>butt | round | square | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -872,7 +872,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'stroke-linejoin'</a></td>
+          <th><a>'stroke-linejoin'</a></th>
           <td>miter | round | bevel | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -887,7 +887,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'stroke-miterlimit'</a></td>
+          <th><a>'stroke-miterlimit'</a></th>
           <td>&lt;miterlimit&gt; | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -902,7 +902,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'stroke-opacity'</a></td>
+          <th><a>'stroke-opacity'</a></th>
           <td>&lt;opacity-value&gt; | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -917,7 +917,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'stroke-width'</a></td>
+          <th><a>'stroke-width'</a></th>
           <td><a>&lt;percentage&gt;</a> | <a
           href="types.html#DataTypeLength">&lt;length&gt;</a> | <a
           class="noxref"
@@ -934,7 +934,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'text-anchor'</a></td>
+          <th><a>'text-anchor'</a></th>
           <td>start | middle | end | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -949,7 +949,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'text-decoration'</a></td>
+          <th><a>'text-decoration'</a></th>
           <td>none | [ underline || overline || line-through ||
           blink ] | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
@@ -965,7 +965,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'text-rendering'</a></td>
+          <th><a>'text-rendering'</a></th>
           <td>auto | optimizeSpeed | optimizeLegibility |<br />
            geometricPrecision | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
@@ -981,7 +981,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'unicode-bidi'</a></td>
+          <th><a>'unicode-bidi'</a></th>
           <td>normal | embed | bidi-override | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -996,7 +996,7 @@
           <td>no</td>
         </tr>
         <tr>
-          <td><a>'visibility'</a></td>
+          <th><a>'visibility'</a></th>
           <td>visible | hidden | collapse | <a class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
           <span
@@ -1012,7 +1012,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'word-spacing'</a></td>
+          <th><a>'word-spacing'</a></th>
           <td>normal | <a
           href="types.html#DataTypeLength">&lt;length&gt;</a> | <a
           class="noxref"
@@ -1028,8 +1028,8 @@
           visual</a></td>
           <td>yes</td>
         </tr>
-        <tr>
-          <td><a>'white-space'</a></td>
+        <tr class="ready-for-wider-review">
+          <th><a>'white-space'</a></th>
           <td>normal | pre | nowrap | pre-wrap | pre-line</td>
           <td>normal</td>
           <td><a>text content elements</a></td>
@@ -1041,7 +1041,7 @@
           <td>yes</td>
         </tr>
         <tr>
-          <td><a>'writing-mode'</a></td>
+          <th><a>'writing-mode'</a></th>
           <td>lr-tb | rl-tb | tb-rl | lr | rl | tb | <a
           class="noxref"
           href="http://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#value-def-inherit">
--- a/master/style/default_svg.css	Sat Aug 18 16:11:40 2012 +1000
+++ b/master/style/default_svg.css	Sat Aug 18 16:44:31 2012 +1000
@@ -303,3 +303,19 @@
 .requirement tr:first-child td,
 .requirement tr:first-child th { font-weight: bold; font-style: normal; border-top: none }
 .requirement table th, .requirement table td { text-align: left; vertical-align: baseline; border-top: 1px solid #D398E0; padding: 0.5em }
+
+table.proptable tbody td:first-child { white-space: nowrap }
+table.proptable tbody td .property { display: inline; font-weight: normal }
+.proptable thead { border-bottom: 2px solid }
+.proptable tbody { border-bottom: none }
+.proptable tbody th:first-child,
+.proptable tbody td[scope="row"]:first-child {
+  border-right: 2px solid;
+  border-top: 1px solid silver;
+}
+.proptable tbody td {
+  border-top: 1px solid silver;
+}
+.proptable tbody th + td {
+  min-width: 15em;
+}