|
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-row-group'</title> |
|
5 <link rel="next" href="backgr_simple-table-column-group.html" title="Background Area: Background on 'table-row-group'"> |
|
6 <link rel="prev" href="backgr_simple-table.html" title="Background Area: Background on 'table'"> |
|
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"> |
|
10 |
|
11 tbody {background: black url(rainbowh.gif) bottom left} |
|
12 |
|
13 </style> |
|
14 </head> |
|
15 <body> |
|
16 <h1>CSS2 Table Backgrounds Test Suite</h1> |
|
17 |
|
18 <h2>Part A: Background Area</h2> |
|
19 |
|
20 <h3>Background on 'table-row-group'</h3> |
|
21 |
|
22 <p class="scope">The styled row group spans the second and third |
|
23 rows.</p> |
|
24 <p class="clip">The table row group background should be visible |
|
25 within the border edge of each cell originating in the row group. |
|
26 All stripes should line up as if the cells were cutouts in a |
|
27 stencil placed over the row group background.</p> |
|
28 <p class="position">A red band should align with the left border |
|
29 edge of the first cells in each of the row group's rows. An orange |
|
30 stripe should align a few pixels above the bottom border of the |
|
31 cells in the row group's last row.</p> |
|
32 |
|
33 <dl> |
|
34 <dt>next |
|
35 <dd><a href="backgr_simple-table-column-group.html">Background Area: Background on 'table-column-group'</a> |
|
36 <dt>previous |
|
37 <dd><a href="backgr_simple-table.html">Background Area: Background on 'table'</a> |
|
38 <dt>contents |
|
39 <dd><a href="./backgr_index.html">Table of Contents</a> |
|
40 </dl> |
|
41 |
|
42 |
|
43 <table class="separate"> |
|
44 <caption>With 'border-collapse: separate'</caption> |
|
45 <colgroup class="colgroup-A"> |
|
46 <col class="col-1"> |
|
47 <col class="col-2"> |
|
48 <col class="col-3"> |
|
49 </colgroup> |
|
50 <colgroup class="colgroup-B"> |
|
51 <col class="col-4"> |
|
52 </colgroup> |
|
53 <thead> |
|
54 <tr class="th-row-1"> |
|
55 <th class="a">TH A</th> |
|
56 <th class="b">TH B</th> |
|
57 <th class="c">TH C</th> |
|
58 <th class="d">TH D</th> |
|
59 </tr> |
|
60 </thead> |
|
61 <tfoot> |
|
62 <tr class="tf-row-1"> |
|
63 <td class="m" colspan=2>TD M</td> |
|
64 |
|
65 <td class="o">TD O</td> |
|
66 <td class="p">TD P</td> |
|
67 </tfoot> |
|
68 <tbody> |
|
69 <tr class="tb-row-1"> |
|
70 <td class="e" rowspan=2>TD E</td> |
|
71 <td class="f">TD F</td> |
|
72 <td class="g">TD G</td> |
|
73 <td class="h">TD H</td> |
|
74 </tr> |
|
75 <tr class="tb-row-2"> |
|
76 |
|
77 <td class="j">TD J</td> |
|
78 <td class="k">TD K</td> |
|
79 <td class="l">TD L</td> |
|
80 </tr> |
|
81 </tbody> |
|
82 </table> |
|
83 |
|
84 <table class="collapse"> |
|
85 <caption>With 'border-collapse: collapse'</caption> |
|
86 <colgroup class="colgroup-A"> |
|
87 <col class="col-1"> |
|
88 <col class="col-2"> |
|
89 <col class="col-3"> |
|
90 </colgroup> |
|
91 <colgroup class="colgroup-B"> |
|
92 <col class="col-4"> |
|
93 </colgroup> |
|
94 <thead> |
|
95 <tr class="th-row-1"> |
|
96 <th class="a">TH A</th> |
|
97 <th class="b">TH B</th> |
|
98 <th class="c">TH C</th> |
|
99 <th class="d">TH D</th> |
|
100 </tr> |
|
101 </thead> |
|
102 <tfoot> |
|
103 <tr class="tf-row-1"> |
|
104 <td class="m" colspan=2>TD M</td> |
|
105 |
|
106 <td class="o">TD O</td> |
|
107 <td class="p">TD P</td> |
|
108 </tfoot> |
|
109 <tbody> |
|
110 <tr class="tb-row-1"> |
|
111 <td class="e" rowspan=2>TD E</td> |
|
112 <td class="f">TD F</td> |
|
113 <td class="g">TD G</td> |
|
114 <td class="h">TD H</td> |
|
115 </tr> |
|
116 <tr class="tb-row-2"> |
|
117 |
|
118 <td class="j">TD J</td> |
|
119 <td class="k">TD K</td> |
|
120 <td class="l">TD L</td> |
|
121 </tr> |
|
122 </tbody> |
|
123 </table> |
|
124 <div class="validity"> |
|
125 <a href="http://validator.w3.org/check/referer"><img |
|
126 src="valid-html401.png" height="31" width="88" |
|
127 alt="Valid HTML 4.01!"></a> |
|
128 </div> |
|
129 <address> |
|
130 CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com> |
|
131 </address> |
|
132 |
|
133 </body> |
|
134 </html> |