layout/reftests/table-bordercollapse/borderhandling-rules-border-ref.html@7e26c7da4463
layout/reftests/table-bordercollapse/borderhandling-rules-border-ref.html
Wed, 31 Dec 2014 06:55:50 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:55:50 +0100
- changeset 2
- 7e26c7da4463
- permissions
- -rw-r--r--
Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2
1 <html>
2 <head>
3 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
4 <style>
5 div {width: 3px; height: 3px;}
6 div {width: 3px; height: 3px;}
7 table.frame {border-style: outset; border-width: thin ;}
9 table.bc{ border-collapse:collapse; border-style: hidden}
10 .bcborder {border-width: 1px; border-style: solid}
11 td.inner {border-style: inset; border-width: thin;}
12 table.inner td {border-style: inset; border-width: thin;}
13 </style>
14 </head>
15 <body>
16 <table cellpadding="5" rules="all">
17 <tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
18 <tr><th>empty</th>
19 <td><table>
20 <colgroup><col><col></colgroup>
21 <colgroup><col></colgroup>
22 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
23 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
24 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
25 </table></td>
26 <td><table class="frame inner">
27 <colgroup><col><col></colgroup>
28 <colgroup><col></colgroup>
29 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
30 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
31 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
32 </table></td>
33 <td><table>
34 <colgroup><col><col></colgroup>
35 <colgroup><col></colgroup>
36 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
37 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
38 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
39 </table></td>
40 <td><table class="frame inner">
41 <colgroup><col><col></colgroup>
42 <colgroup><col></colgroup>
43 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
44 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
45 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
46 </table></td>
47 <td><table class="frame inner" style="border-width:3px">
48 <colgroup><col><col></colgroup>
49 <colgroup><col></colgroup>
50 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
51 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
52 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
53 </table></td>
54 </tr>
55 <tr><th>rules</th>
56 <td><table>
57 <colgroup><col><col></colgroup>
58 <colgroup><col></colgroup>
59 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
60 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
61 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
62 </table></td>
63 <td><table class="frame inner">
64 <colgroup><col><col></colgroup>
65 <colgroup><col></colgroup>
66 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
67 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
68 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
69 </table></td>
70 <td><table>
71 <colgroup><col><col></colgroup>
72 <colgroup><col></colgroup>
73 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
74 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
75 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
76 </table></td>
77 <td><table class="frame inner">
78 <colgroup><col><col></colgroup>
79 <colgroup><col></colgroup>
80 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
81 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
82 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
83 </table></td>
84 <td><table class="frame inner" style="border-width:3px">
85 <colgroup><col><col></colgroup>
86 <colgroup><col></colgroup>
87 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
88 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
89 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
90 </table></td>
91 </tr>
93 <tr><th>rules="none"</th>
94 <td>
95 <table>
96 <colgroup><col><col></colgroup>
97 <colgroup><col></colgroup>
98 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
99 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
100 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
101 </table></td>
102 <td><table class="frame">
103 <colgroup><col><col></colgroup>
104 <colgroup><col></colgroup>
105 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
106 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
107 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
108 </table></td>
109 <td><table>
110 <colgroup><col><col></colgroup>
111 <colgroup><col></colgroup>
112 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
113 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
114 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
115 </table></td>
116 <td><table class="frame">
117 <colgroup><col><col></colgroup>
118 <colgroup><col></colgroup>
119 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
120 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
121 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
122 </table></td>
123 <td><table class="frame" style="border-width:3px">
124 <colgroup><col><col></colgroup>
125 <colgroup><col></colgroup>
126 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
127 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
128 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
129 </table></td>
130 </tr>
131 <tr><th>rules="groups"</th>
132 <td>
133 <table class="bc">
134 <colgroup class="bcborder"><col><col></colgroup>
135 <colgroup class="bcborder"><col></colgroup>
136 <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
137 <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
138 <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
139 </table></td>
140 <td><table class="bc" style="border-width: 1px; border-style: solid">
141 <colgroup class="bcborder"><col><col></colgroup>
142 <colgroup class="bcborder"><col></colgroup>
143 <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
144 <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
145 <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
146 </table></td>
147 <td><table class="bc">
148 <colgroup class="bcborder"><col><col></colgroup>
149 <colgroup class="bcborder"><col></colgroup>
150 <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
151 <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
152 <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
153 </table></td>
154 <td><table class="bc" style="border-width: 1px; border-style: solid">
155 <colgroup class="bcborder"><col><col></colgroup>
156 <colgroup class="bcborder"><col></colgroup>
157 <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
158 <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
159 <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
160 </table></td>
161 <td><table class="bc" style="border-width: 3px; border-style: outset">
162 <colgroup class="bcborder"><col><col></colgroup>
163 <colgroup class="bcborder"><col></colgroup>
164 <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
165 <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
166 <tbody class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
167 </table></td>
168 </tr>
174 <tr><th>rules="rows"</th>
175 <td>
176 <table class="bc">
177 <colgroup><col><col></colgroup>
178 <colgroup><col></colgroup>
179 <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
180 <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
181 <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
182 </table></td>
183 <td><table class="bc" style="border-width: 1px; border-style: solid">
184 <colgroup><col><col></colgroup>
185 <colgroup><col></colgroup>
186 <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
187 <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
188 <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
189 </table></td>
190 <td><table class="bc">
191 <colgroup><col><col></colgroup>
192 <colgroup><col></colgroup>
193 <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
194 <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
195 <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
196 </table></td>
197 <td><table class="bc" style="border-width: 1px; border-style: solid">
198 <colgroup><col><col></colgroup>
199 <colgroup><col></colgroup>
200 <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
201 <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
202 <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
203 </table></td>
204 <td><table class="bc" style="border-width: 3px; border-style: outset">
205 <colgroup><col><col></colgroup>
206 <colgroup><col></colgroup>
207 <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
208 <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
209 <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
210 </table></td>
211 </tr>
213 <tr><th>rules="cols"</th>
214 <td>
215 <table table class="bc" >
216 <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
217 <colgroup><col class="bcborder"></colgroup>
218 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
219 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
220 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
221 </table></td>
222 <td><table table class="bc" style="border-width: 1px; border-style: solid">
223 <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
224 <colgroup><col class="bcborder"></colgroup>
225 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
226 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
227 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
228 </table></td>
229 <td><table table class="bc" >
230 <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
231 <colgroup><col class="bcborder"></colgroup>
232 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
233 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
234 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
235 </table></td>
236 <td><table table class="bc" style="border-width: 1px; border-style: solid">
237 <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
238 <colgroup><col class="bcborder"></colgroup>
239 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
240 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
241 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
242 </table></td>
243 <td><table table class="bc" style="border-width: 3px; border-style: outset">
244 <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
245 <colgroup><col class="bcborder"></colgroup>
246 <thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
247 <tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
248 <tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
249 </table></td>
250 </tr>
252 <tr><th>rules="all"</th>
253 <td>
254 <table class="bc">
255 <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
256 <colgroup><col class="bcborder"></colgroup>
257 <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
258 <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
259 <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
260 </table></td>
261 <td><table class="bc" style="border-width: 1px; border-style: solid">
262 <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
263 <colgroup><col class="bcborder"></colgroup>
264 <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
265 <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
266 <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
267 </table></td>
268 <td><table class="bc">
269 <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
270 <colgroup><col class="bcborder"></colgroup>
271 <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
272 <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
273 <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
274 </table></td>
275 <td><table class="bc" style="border-width: 1px; border-style: solid">
276 <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
277 <colgroup><col class="bcborder"></colgroup>
278 <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
279 <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
280 <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
281 </table></td>
282 <td><table class="bc" style="border-width: 3px; border-style: outset">
283 <colgroup><col class="bcborder"><col class="bcborder"></colgroup>
284 <colgroup><col class="bcborder"></colgroup>
285 <thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
286 <tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
287 <tbody><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
288 </table></td>
289 </tr>
290 </table>
292 </body>
293 </html>
