1 <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN">
3 <meta http-equiv=
"Content-Type" content=
"text/html; charset=ISO-8859-1">
4 <title>Background on 'table-cell'
</title>
5 <link rel=
"prev" href=
"backgr_simple-table-column.html" title=
"Background Area: Background on 'table-column'">
6 <link rel=
"next" href=
"backgr_position-table.html" title=
"Background Position: 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">
11 td
,th
{background: black url
(../images/rainbowv.gif) top right
}
16 <h1>CSS2 Table Backgrounds Test Suite
</h1>
18 <h2>Part A: Background Area
</h2>
20 <h3>Background on 'table-cell'
</h3>
22 <p class=
"clip">Each cell's background should fill the rectangle
23 defined by its border edge. There should be no gaps or holes in
24 the background within a cell.
</p>
25 <p class=
"position">A purple band should align with the top
26 padding edge of each cell, and an orange stripe should align a
27 few pixels to the left of its right padding edge.
</p>
31 <dd><a href=
"backgr_position-table.html">Background Position: Background on 'table'
</a>
33 <dd><a href=
"backgr_simple-table-column.html">Background Area: Background on 'table-column'
</a>
35 <dd><a href=
"./backgr_index.html">Table of Contents
</a>
38 <table class=
"separate">
39 <caption>With 'border-collapse: separate'
</caption>
40 <colgroup class=
"colgroup-A">
45 <colgroup class=
"colgroup-B">
50 <th class=
"a">TH A
</th>
51 <th class=
"b">TH B
</th>
52 <th class=
"c">TH C
</th>
53 <th class=
"d">TH D
</th>
58 <td class=
"m" colspan=
2>TD M
</td>
60 <td class=
"o">TD O
</td>
61 <td class=
"p">TD P
</td>
65 <td class=
"e" rowspan=
2>TD E
</td>
66 <td class=
"f">TD F
</td>
67 <td class=
"g">TD G
</td>
68 <td class=
"h">TD H
</td>
72 <td class=
"j">TD J
</td>
73 <td class=
"k">TD K
</td>
74 <td class=
"l">TD L
</td>
79 <table class=
"collapse">
80 <caption>With 'border-collapse: collapse'
</caption>
81 <colgroup class=
"colgroup-A">
86 <colgroup class=
"colgroup-B">
91 <th class=
"a">TH A
</th>
92 <th class=
"b">TH B
</th>
93 <th class=
"c">TH C
</th>
94 <th class=
"d">TH D
</th>
99 <td class=
"m" colspan=
2>TD M
</td>
101 <td class=
"o">TD O
</td>
102 <td class=
"p">TD P
</td>
105 <tr class=
"tb-row-1">
106 <td class=
"e" rowspan=
2>TD E
</td>
107 <td class=
"f">TD F
</td>
108 <td class=
"g">TD G
</td>
109 <td class=
"h">TD H
</td>
111 <tr class=
"tb-row-2">
113 <td class=
"j">TD J
</td>
114 <td class=
"k">TD K
</td>
115 <td class=
"l">TD L
</td>
119 <div class=
"validity">
120 <a href=
"http://validator.w3.org/check/referer"><img
121 src=
"../images/valid-html401.png" height=
"31" width=
"88"
122 alt=
"Valid HTML 4.01!"></a>
125 CSS2 Table Backgrounds Test Suite designed and written by fantasai
<fantasai
@escape.com
>