1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/table-background/backgr_simple-table-column.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,134 @@
1.4 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
1.5 +<head>
1.6 +<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
1.7 +<title>Background on 'table-column'</title>
1.8 +<link rel="next" href="backgr_simple-table-cell.html" title="Background Area: Background on 'table-cell'">
1.9 +<link rel="prev" href="backgr_simple-table-row.html" title="Background Area: Background on 'table-row'">
1.10 +<link rel="contents" href="./backgr_index.html" title="Table of Contents">
1.11 +<link rel="stylesheet" type="text/css" href="common.css">
1.12 +<style type="text/css">
1.13 +
1.14 + col {background: black url(rainbowv.gif) bottom right}
1.15 +
1.16 +</style>
1.17 +</head>
1.18 +<body>
1.19 +<h1>CSS2 Table Backgrounds Test Suite</h1>
1.20 +
1.21 +<h2>Part A: Background Area</h2>
1.22 +
1.23 + <h3>Background on 'table-column'</h3>
1.24 +
1.25 + <p class="scope">All four columns are styled.</p>
1.26 + <p class="clip">The table column background should be visible within
1.27 + the border edge of each cell originating in the column, and the
1.28 + background should be continuously tiled to fill the entire cell.
1.29 + Within the column, all stripes should line up as if the cells were
1.30 + cutouts in a stencil placed over the column background.
1.31 + Furthermore, horizontal stripes should align across columns.</p>
1.32 + <p class="position">A red band should align with the bottom
1.33 + border edge of the last cell in each column. An orange stripe
1.34 + should align a few pixels to the left of the right border of the
1.35 + non-column-spanning cells in each column.</p>
1.36 +
1.37 + <dl>
1.38 + <dt>next
1.39 + <dd><a href="backgr_simple-table-cell.html">Background Area: Background on 'table-cell'</a>
1.40 + <dt>previous
1.41 + <dd><a href="backgr_simple-table-row.html">Background Area: Background on 'table-row'</a>
1.42 + <dt>contents
1.43 + <dd><a href="./backgr_index.html">Table of Contents</a>
1.44 + </dl>
1.45 +
1.46 + <table class="separate">
1.47 + <caption>With 'border-collapse: separate'</caption>
1.48 + <colgroup class="colgroup-A">
1.49 + <col class="col-1">
1.50 + <col class="col-2">
1.51 + <col class="col-3">
1.52 + </colgroup>
1.53 + <colgroup class="colgroup-B">
1.54 + <col class="col-4">
1.55 + </colgroup>
1.56 + <thead>
1.57 + <tr class="th-row-1">
1.58 + <th class="a">TH A</th>
1.59 + <th class="b">TH B</th>
1.60 + <th class="c">TH C</th>
1.61 + <th class="d">TH D</th>
1.62 + </tr>
1.63 + </thead>
1.64 + <tfoot>
1.65 + <tr class="tf-row-1">
1.66 + <td class="m" colspan=2>TD M</td>
1.67 +
1.68 + <td class="o">TD O</td>
1.69 + <td class="p">TD P</td>
1.70 + </tfoot>
1.71 + <tbody>
1.72 + <tr class="tb-row-1">
1.73 + <td class="e" rowspan=2>TD E</td>
1.74 + <td class="f">TD F</td>
1.75 + <td class="g">TD G</td>
1.76 + <td class="h">TD H</td>
1.77 + </tr>
1.78 + <tr class="tb-row-2">
1.79 +
1.80 + <td class="j">TD J</td>
1.81 + <td class="k">TD K</td>
1.82 + <td class="l">TD L</td>
1.83 + </tr>
1.84 + </tbody>
1.85 + </table>
1.86 +
1.87 + <table class="collapse">
1.88 + <caption>With 'border-collapse: collapse'</caption>
1.89 + <colgroup class="colgroup-A">
1.90 + <col class="col-1">
1.91 + <col class="col-2">
1.92 + <col class="col-3">
1.93 + </colgroup>
1.94 + <colgroup class="colgroup-B">
1.95 + <col class="col-4">
1.96 + </colgroup>
1.97 + <thead>
1.98 + <tr class="th-row-1">
1.99 + <th class="a">TH A</th>
1.100 + <th class="b">TH B</th>
1.101 + <th class="c">TH C</th>
1.102 + <th class="d">TH D</th>
1.103 + </tr>
1.104 + </thead>
1.105 + <tfoot>
1.106 + <tr class="tf-row-1">
1.107 + <td class="m" colspan=2>TD M</td>
1.108 +
1.109 + <td class="o">TD O</td>
1.110 + <td class="p">TD P</td>
1.111 + </tfoot>
1.112 + <tbody>
1.113 + <tr class="tb-row-1">
1.114 + <td class="e" rowspan=2>TD E</td>
1.115 + <td class="f">TD F</td>
1.116 + <td class="g">TD G</td>
1.117 + <td class="h">TD H</td>
1.118 + </tr>
1.119 + <tr class="tb-row-2">
1.120 +
1.121 + <td class="j">TD J</td>
1.122 + <td class="k">TD K</td>
1.123 + <td class="l">TD L</td>
1.124 + </tr>
1.125 + </tbody>
1.126 + </table>
1.127 +<div class="validity">
1.128 + <a href="http://validator.w3.org/check/referer"><img
1.129 + src="valid-html401.png" height="31" width="88"
1.130 + alt="Valid HTML 4.01!"></a>
1.131 +</div>
1.132 +<address>
1.133 + CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com>
1.134 +</address>
1.135 +
1.136 +</body>
1.137 +</html>
