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=
"next" href=
"backgr_layers-show.html" title=
"Background Layers: empty-cells: show">
6 <link rel=
"prev" href=
"backgr_position-table-column.html" title=
"Background Position: Background on 'table-column'">
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 .e {background: black url
(../images/edge.gif) top left no-repeat
}
12 .m {background: black url
(../images/edge.gif) bottom right no-repeat
}
17 <h1>CSS2 Table Backgrounds Test Suite
</h1>
19 <h2>Part B: Background Position
</h2>
21 <h3>Background on 'table-cell'
</h3>
23 <p>Two cells are styled.
</p>
24 <p>There should be three aqua stripes just inside the top and left padding edges of cell E.
</p>
25 <p>There should be three aqua stripes just inside the bottom and right padding edges of Cell M
</a>
29 <dd><a href=
"backgr_layers-show.html">Background Layers: empty-cells: show
</a>
31 <dd><a href=
"backgr_position-table-column.html">Background Position: Background on 'table-column'
</a>
33 <dd><a href=
"./backgr_index.html">Table of Contents
</a>
36 <table class=
"separate">
37 <caption>With 'border-collapse: separate'
</caption>
38 <colgroup class=
"colgroup-A">
43 <colgroup class=
"colgroup-B">
48 <th class=
"a">TH A
</th>
49 <th class=
"b">TH B
</th>
50 <th class=
"c">TH C
</th>
51 <th class=
"d">TH D
</th>
56 <td class=
"m" colspan=
2>TD M
</td>
58 <td class=
"o">TD O
</td>
59 <td class=
"p">TD P
</td>
63 <td class=
"e" rowspan=
2>TD E
</td>
64 <td class=
"f">TD F
</td>
65 <td class=
"g">TD G
</td>
66 <td class=
"h">TD H
</td>
70 <td class=
"j">TD J
</td>
71 <td class=
"k">TD K
</td>
72 <td class=
"l">TD L
</td>
77 <table class=
"collapse">
78 <caption>With 'border-collapse: collapse'
</caption>
79 <colgroup class=
"colgroup-A">
84 <colgroup class=
"colgroup-B">
89 <th class=
"a">TH A
</th>
90 <th class=
"b">TH B
</th>
91 <th class=
"c">TH C
</th>
92 <th class=
"d">TH D
</th>
97 <td class=
"m" colspan=
2>TD M
</td>
99 <td class=
"o">TD O
</td>
100 <td class=
"p">TD P
</td>
103 <tr class=
"tb-row-1">
104 <td class=
"e" rowspan=
2>TD E
</td>
105 <td class=
"f">TD F
</td>
106 <td class=
"g">TD G
</td>
107 <td class=
"h">TD H
</td>
109 <tr class=
"tb-row-2">
111 <td class=
"j">TD J
</td>
112 <td class=
"k">TD K
</td>
113 <td class=
"l">TD L
</td>
117 <div class=
"validity">
118 <a href=
"http://validator.w3.org/check/referer"><img
119 src=
"../images/valid-html401.png" height=
"31" width=
"88"
120 alt=
"Valid HTML 4.01!"></a>
123 CSS2 Table Backgrounds Test Suite designed and written by fantasai
<fantasai
@escape.com
>