third_party/WebKit/LayoutTests/tables/mozilla/marvin/backgr_simple-table.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <head>
   3 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
   4 <title>Background on 'table'</title>
   5 <link rel="next" href="backgr_simple-table-row-group.html" title="Background Area: Background on 'table-row-group'">
   6 <link rel="prev contents" href="./backgr_index.html" title="Table of Contents">
   7 <link rel="stylesheet" type="text/css" href="common.css">
   8 <style type="text/css">
   9
  10   table {background: black url(../images/rainbowh.gif) top right}
  11
  12 </style>
  13 </head>
  14 <body>
  15 <h1>CSS2 Table Backgrounds Test Suite</h1>
  16
  17 <h2>Part A: Background Area</h2>
  18
  19     <h3>Background on 'table'</h3>
  20
  21     <p class="clip">The table background should fill the rectangle
  22      defined by the outer border of the table. There should be no gaps
  23      or holes in the background and the stripes should all be
  24      continuous.</p>
  25     <p class="position">A purple band should align with the left edge
  26      of the painted area, and an aqua stripe should align a few pixels
  27      below the top border.</p>
  28
  29     <dl>
  30        <dt>next
  31           <dd><a href="backgr_simple-table-row-group.html">Background Area: Background on 'table-row-group'</a>
  32        <dt>previous
  33           <dd>--
  34        <dt>contents
  35           <dd><a href="./backgr_index.html">Table of Contents</a>
  36     </dl>
  37
  38     <table class="separate">
  39     <caption>With 'border-collapse: separate'</caption>
  40     <colgroup class="colgroup-A">
  41       <col class="col-1">
  42       <col class="col-2">
  43       <col class="col-3">
  44     </colgroup>
  45     <colgroup class="colgroup-B">
  46       <col class="col-4">
  47     </colgroup>
  48     <thead>
  49       <tr class="th-row-1">
  50         <th class="a">TH A</th>
  51         <th class="b">TH B</th>
  52         <th class="c">TH C</th>
  53         <th class="d">TH D</th>
  54       </tr>
  55     </thead>
  56     <tfoot>
  57       <tr class="tf-row-1">
  58         <td class="m" colspan=2>TD M</td>
  59
  60         <td class="o">TD O</td>
  61         <td class="p">TD P</td>
  62     </tfoot>
  63     <tbody>
  64       <tr class="tb-row-1">
  65         <td class="e" rowspan=2>TD E</td>
  66         <td class="f">TD F</td>
  67         <td class="g">TD G</td>
  68         <td class="h">TD H</td>
  69       </tr>
  70       <tr class="tb-row-2">
  71
  72         <td class="j">TD J</td>
  73         <td class="k">TD K</td>
  74         <td class="l">TD L</td>
  75       </tr>
  76     </tbody>
  77     </table>
  78
  79     <table class="collapse">
  80     <caption>With 'border-collapse: collapse'</caption>
  81     <colgroup class="colgroup-A">
  82       <col class="col-1">
  83       <col class="col-2">
  84       <col class="col-3">
  85     </colgroup>
  86     <colgroup class="colgroup-B">
  87       <col class="col-4">
  88     </colgroup>
  89     <thead>
  90       <tr class="th-row-1">
  91         <th class="a">TH A</th>
  92         <th class="b">TH B</th>
  93         <th class="c">TH C</th>
  94         <th class="d">TH D</th>
  95       </tr>
  96     </thead>
  97     <tfoot>
  98       <tr class="tf-row-1">
  99         <td class="m" colspan=2>TD M</td>
 100
 101         <td class="o">TD O</td>
 102         <td class="p">TD P</td>
 103     </tfoot>
 104     <tbody>
 105       <tr class="tb-row-1">
 106         <td class="e" rowspan=2>TD E</td>
 107         <td class="f">TD F</td>
 108         <td class="g">TD G</td>
 109         <td class="h">TD H</td>
 110       </tr>
 111       <tr class="tb-row-2">
 112
 113         <td class="j">TD J</td>
 114         <td class="k">TD K</td>
 115         <td class="l">TD L</td>
 116       </tr>
 117     </tbody>
 118     </table>
 119 <div class="validity">
 120   <a href="http://validator.w3.org/check/referer"><img
 121      src="../images/valid-html401.png" height="31" width="88"
 122      alt="Valid HTML 4.01!"></a>
 123 </div>
 124 <address>
 125   CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
 126 </address>
 127
 128 </body>
 129 </html>