Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / tables / mozilla / marvin / backgr_position-table.html
blob23977ae157918d347ae2b41a9a34a3927fe1a2d2
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_position-table-row-group.html" title="Background Position: Background on 'table-row-group'">
6 <link rel="prev" href="backgr_position-table-cell.html" title="Background Position: Background on 'table-cell'">
7 <link rel="contents" href="./backgr_index.html" title="Table of Contents">
8 <link rel="stylesheet" type="text/css" href="common.css">
9 <style type="text/css">
11 table {background: black url(../images/edge.gif) top right no-repeat}
13 </style>
14 </head>
15 <body>
16 <h1>CSS2 Table Backgrounds Test Suite</h1>
18 <h2>Part B: Background Position</h2>
20 <h3>Background on 'table'</h3>
22 <p>There should be three aqua stripes just inside the top and right table borders.</p>
24 <dl>
25 <dt>next
26 <dd><a href="backgr_position-table-row-group.html">Background Position: Background on 'table-row-group'</a>
27 <dt>previous
28 <dd><a href="backgr_position-table-cell.html">Background Position: Background on 'table-cell'</a>
29 <dt>contents
30 <dd><a href="./backgr_index.html">Table of Contents</a>
31 </dl>
33 <table class="separate">
34 <caption>With 'border-collapse: separate'</caption>
35 <colgroup class="colgroup-A">
36 <col class="col-1">
37 <col class="col-2">
38 <col class="col-3">
39 </colgroup>
40 <colgroup class="colgroup-B">
41 <col class="col-4">
42 </colgroup>
43 <thead>
44 <tr id="th-row-1">
45 <th class="a">TH A</th>
46 <th class="b">TH B</th>
47 <th class="c">TH C</th>
48 <th class="d">TH D</th>
49 </tr>
50 </thead>
51 <tbody>
52 <tr class="tb-row-1">
53 <td class="e" rowspan=2>TD E</td>
54 <td class="f">TD F</td>
55 <td class="g">TD G</td>
56 <td class="h">TD H</td>
57 </tr>
58 <tr class="tb-row-2">
60 <td class="j">TD J</td>
61 <td class="k">TD K</td>
62 <td class="l">TD L</td>
63 </tr>
64 </tbody>
65 <tfoot>
66 <tr id="tb-row-1">
67 <td class="m" colspan=2>TD M</td>
69 <td class="o">TD O</td>
70 <td class="p">TD P</td>
71 </tfoot>
72 </table>
74 <table class="collapse">
75 <caption>With 'border-collapse: collapse'</caption>
76 <colgroup class="colgroup-A">
77 <col class="col-1">
78 <col class="col-2">
79 <col class="col-3">
80 </colgroup>
81 <colgroup class="colgroup-B">
82 <col class="col-4">
83 </colgroup>
84 <thead>
85 <tr id="th-row-1">
86 <th class="a">TH A</th>
87 <th class="b">TH B</th>
88 <th class="c">TH C</th>
89 <th class="d">TH D</th>
90 </tr>
91 </thead>
92 <tfoot>
93 <tr id="tb-row-1">
94 <td class="m" colspan=2>TD M</td>
96 <td class="o">TD O</td>
97 <td class="p">TD P</td>
98 </tfoot>
99 <tbody>
100 <tr class="tb-row-1">
101 <td class="e" rowspan=2>TD E</td>
102 <td class="f">TD F</td>
103 <td class="g">TD G</td>
104 <td class="h">TD H</td>
105 </tr>
106 <tr class="tb-row-2">
108 <td class="j">TD J</td>
109 <td class="k">TD K</td>
110 <td class="l">TD L</td>
111 </tr>
112 </tbody>
113 </table>
114 <div class="validity">
115 <a href="http://validator.w3.org/check/referer"><img
116 src="../images/valid-html401.png" height="31" width="88"
117 alt="Valid HTML 4.01!"></a>
118 </div>
119 <address>
120 CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
121 </address>
123 </body>
124 </html>