layout/reftests/table-background/backgr_simple-table.html

Wed, 31 Dec 2014 13:27:57 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 13:27:57 +0100
branch
TOR_BUG_3246
changeset 6
8bccb770b82d
permissions
-rw-r--r--

Ignore runtime configuration files generated during quality assurance.

     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">
    10   table {background: black url(rainbowh.gif) top right}
    12 </style>
    13 </head>
    14 <body>
    15 <h1>CSS2 Table Backgrounds Test Suite</h1>
    17 <h2>Part A: Background Area</h2>
    19     <h3>Background on 'table'</h3>
    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>
    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>
    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>
    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">
    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>
    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>
   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">
   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="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>
   128 </body>
   129 </html>

mercurial