1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/table-background/backgr_simple-table-column-group.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,136 @@
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-group'</title>
1.8 +<link rel="next" href="backgr_simple-table-row.html" title="Background Area: Background on 'table-row'">
1.9 +<link rel="prev" href="backgr_simple-table-row-group.html" title="Background Area: Background on 'table-row-group'">
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 + colgroup {background: black url(rainbowv.gif) top left}
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-group'</h3>
1.24 +
1.25 + <p class="scope">The first column group spans the first three
1.26 + columns. The second column group only contains the last column.
1.27 + <p class="clip">The table column group background should be visible
1.28 + within the border edge of each cell originating in the column
1.29 + group. Within each column group, all stripes should line up as if
1.30 + the cells were cutouts in a stencil placed over the column group
1.31 + background. Furthermore, the horizontal stripes should also align
1.32 + across the two column groups.</p>
1.33 + <p class="position">A purple band should align with the top border
1.34 + edge of the cells in the first row. An aqua stripe should align a
1.35 + few pixels to the right of the left border edge of cells in the
1.36 + column group's leftmost column.</p>
1.37 +
1.38 + <dl>
1.39 + <dt>next
1.40 + <dd><a href="backgr_simple-table-row.html">Background Area: Background on 'table-row'</a>
1.41 + <dt>previous
1.42 + <dd><a href="backgr_simple-table-row-group.html">Background Area: Background on 'table-row-group'</a>
1.43 + <dt>contents
1.44 + <dd><a href="./backgr_index.html">Table of Contents</a>
1.45 + </dl>
1.46 +
1.47 +
1.48 + <table class="separate">
1.49 + <caption>With 'border-collapse: separate'</caption>
1.50 + <colgroup class="colgroup-A">
1.51 + <col class="col-1">
1.52 + <col class="col-2">
1.53 + <col class="col-3">
1.54 + </colgroup>
1.55 + <colgroup class="colgroup-B">
1.56 + <col class="col-4">
1.57 + </colgroup>
1.58 + <thead>
1.59 + <tr class="th-row-1">
1.60 + <th class="a">TH A</th>
1.61 + <th class="b">TH B</th>
1.62 + <th class="c">TH C</th>
1.63 + <th class="d">TH D</th>
1.64 + </tr>
1.65 + </thead>
1.66 + <tfoot>
1.67 + <tr class="tf-row-1">
1.68 + <td class="m" colspan=2>TD M</td>
1.69 +
1.70 + <td class="o">TD O</td>
1.71 + <td class="p">TD P</td>
1.72 + </tfoot>
1.73 + <tbody>
1.74 + <tr class="tb-row-1">
1.75 + <td class="e" rowspan=2>TD E</td>
1.76 + <td class="f">TD F</td>
1.77 + <td class="g">TD G</td>
1.78 + <td class="h">TD H</td>
1.79 + </tr>
1.80 + <tr class="tb-row-2">
1.81 +
1.82 + <td class="j">TD J</td>
1.83 + <td class="k">TD K</td>
1.84 + <td class="l">TD L</td>
1.85 + </tr>
1.86 + </tbody>
1.87 + </table>
1.88 +
1.89 + <table class="collapse">
1.90 + <caption>With 'border-collapse: collapse'</caption>
1.91 + <colgroup class="colgroup-A">
1.92 + <col class="col-1">
1.93 + <col class="col-2">
1.94 + <col class="col-3">
1.95 + </colgroup>
1.96 + <colgroup class="colgroup-B">
1.97 + <col class="col-4">
1.98 + </colgroup>
1.99 + <thead>
1.100 + <tr class="th-row-1">
1.101 + <th class="a">TH A</th>
1.102 + <th class="b">TH B</th>
1.103 + <th class="c">TH C</th>
1.104 + <th class="d">TH D</th>
1.105 + </tr>
1.106 + </thead>
1.107 + <tfoot>
1.108 + <tr class="tf-row-1">
1.109 + <td class="m" colspan=2>TD M</td>
1.110 +
1.111 + <td class="o">TD O</td>
1.112 + <td class="p">TD P</td>
1.113 + </tfoot>
1.114 + <tbody>
1.115 + <tr class="tb-row-1">
1.116 + <td class="e" rowspan=2>TD E</td>
1.117 + <td class="f">TD F</td>
1.118 + <td class="g">TD G</td>
1.119 + <td class="h">TD H</td>
1.120 + </tr>
1.121 + <tr class="tb-row-2">
1.122 +
1.123 + <td class="j">TD J</td>
1.124 + <td class="k">TD K</td>
1.125 + <td class="l">TD L</td>
1.126 + </tr>
1.127 + </tbody>
1.128 + </table>
1.129 +<div class="validity">
1.130 + <a href="http://validator.w3.org/check/referer"><img
1.131 + src="valid-html401.png" height="31" width="88"
1.132 + alt="Valid HTML 4.01!"></a>
1.133 +</div>
1.134 +<address>
1.135 + CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com>
1.136 +</address>
1.137 +
1.138 +</body>
1.139 +</html>
