layout/reftests/table-background/backgr_border-table-quirks.html@925c144e1f1f
layout/reftests/table-background/backgr_border-table-quirks.html
Fri, 16 Jan 2015 18:13:44 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 18:13:44 +0100
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
- permissions
- -rw-r--r--
Integrate suggestion from review to improve consistency with existing code.
1 <head>
2 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
3 <title>Background on 'table'</title>
4 <link rel="next" href="border-table-row-group.html" title="Background with Borders: Background on 'table-row-group'">
5 <link rel="prev" href="layers-opacity.html" title="Background with Borders: Background on 'table-cell'">
6 <link rel="contents" href="./" title="Table of Contents">
7 <link rel="stylesheet" type="text/css" href="common.css">
8 <style type="text/css">
10 table {background: black url(edge.gif) top left no-repeat; border: 5px dotted;}
12 </style>
13 </head>
14 <body>
15 <h1>CSS2 Table Backgrounds Test Suite</h1>
17 <h2>Part D: Background with Borders</h2>
19 <h3>Background on 'table'</h3>
21 <p>There should be three aqua stripes just inside the bottom and right table borders.</p>
23 <dl>
24 <dt>next
25 <dd><a href="border-table-row-group.html">Background with Borders: Background on 'table-row-group'</a>
26 <dt>previous
27 <dd><a href="layers-opacity.html">Background with Borders: Background on 'table-cell'</a>
28 <dt>contents
29 <dd><a href="./">Table of Contents</a>
30 </dl>
32 <table class="separate">
33 <caption>With 'border-collapse: separate'</caption>
34 <colgroup class="colgroup-A">
35 <col class="col-1">
36 <col class="col-2">
37 <col class="col-3">
38 </colgroup>
39 <colgroup class="colgroup-B">
40 <col class="col-4">
41 </colgroup>
42 <thead>
43 <tr id="th-row-1">
44 <th class="a">TH A</th>
45 <th class="b">TH B</th>
46 <th class="c">TH C</th>
47 <th class="d">TH D</th>
48 </tr>
49 </thead>
50 <tbody>
51 <tr class="tb-row-1">
52 <td class="e" rowspan=2>TD E</td>
53 <td class="f">TD F</td>
54 <td class="g">TD G</td>
55 <td class="h">TD H</td>
56 </tr>
57 <tr class="tb-row-2">
59 <td class="j">TD J</td>
60 <td class="k">TD K</td>
61 <td class="l">TD L</td>
62 </tr>
63 </tbody>
64 <tfoot>
65 <tr id="tb-row-1">
66 <td class="m" colspan=2>TD M</td>
68 <td class="o">TD O</td>
69 <td class="p">TD P</td>
70 </tfoot>
71 </table>
73 <table class="collapse">
74 <caption>With 'border-collapse: collapse'</caption>
75 <colgroup class="colgroup-A">
76 <col class="col-1">
77 <col class="col-2">
78 <col class="col-3">
79 </colgroup>
80 <colgroup class="colgroup-B">
81 <col class="col-4">
82 </colgroup>
83 <thead>
84 <tr id="th-row-1">
85 <th class="a">TH A</th>
86 <th class="b">TH B</th>
87 <th class="c">TH C</th>
88 <th class="d">TH D</th>
89 </tr>
90 </thead>
91 <tfoot>
92 <tr id="tb-row-1">
93 <td class="m" colspan=2>TD M</td>
95 <td class="o">TD O</td>
96 <td class="p">TD P</td>
97 </tfoot>
98 <tbody>
99 <tr class="tb-row-1">
100 <td class="e" rowspan=2>TD E</td>
101 <td class="f">TD F</td>
102 <td class="g">TD G</td>
103 <td class="h">TD H</td>
104 </tr>
105 <tr class="tb-row-2">
107 <td class="j">TD J</td>
108 <td class="k">TD K</td>
109 <td class="l">TD L</td>
110 </tr>
111 </tbody>
112 </table>
113 <div class="validity">
114 <a href="http://validator.w3.org/check/referer"><img
115 src="valid-html401.png" height="31" width="88"
116 alt="Valid HTML 4.01!"></a>
117 </div>
118 <address>
119 CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com>
120 </address>
122 </body>
123 </html>
