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'
</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
}
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>
26 <dd><a href=
"backgr_position-table-row-group.html">Background Position: Background on 'table-row-group'
</a>
28 <dd><a href=
"backgr_position-table-cell.html">Background Position: Background on 'table-cell'
</a>
30 <dd><a href=
"./backgr_index.html">Table of Contents
</a>
33 <table class=
"separate">
34 <caption>With 'border-collapse: separate'
</caption>
35 <colgroup class=
"colgroup-A">
40 <colgroup class=
"colgroup-B">
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>
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>
60 <td class=
"j">TD J
</td>
61 <td class=
"k">TD K
</td>
62 <td class=
"l">TD L
</td>
67 <td class=
"m" colspan=
2>TD M
</td>
69 <td class=
"o">TD O
</td>
70 <td class=
"p">TD P
</td>
74 <table class=
"collapse">
75 <caption>With 'border-collapse: collapse'
</caption>
76 <colgroup class=
"colgroup-A">
81 <colgroup class=
"colgroup-B">
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>
94 <td class=
"m" colspan=
2>TD M
</td>
96 <td class=
"o">TD O
</td>
97 <td class=
"p">TD P
</td>
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>
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>
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>
120 CSS2 Table Backgrounds Test Suite designed and written by fantasai
<fantasai
@escape.com
>