gecko/layout/reftests/table-bordercollapse/borderhandling-rules-border-ref.html

294 lines
16 KiB
HTML
Raw Normal View History

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style>
div {width: 3px; height: 3px;}
div {width: 3px; height: 3px;}
table.frame {border-style: outset; border-width: thin ;}
table.bc{ border-collapse:collapse; border-style: hidden}
.bcborder {border-width: 1px; border-style: solid}
td.inner {border-style: inset; border-width: thin;}
table.inner td {border-style: inset; border-width: thin;}
</style>
</head>
<body>
<table cellpadding="5" rules="all">
<tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
<tr><th>empty</th>
<td><table>
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
<td><table class="frame inner">
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
<td><table>
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
<td><table class="frame inner">
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
<td><table class="frame inner" style="border-width:3px">
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
</tr>
<tr><th>rules</th>
<td><table>
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
<td><table class="frame inner">
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
<td><table>
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
<td><table class="frame inner">
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
<td><table class="frame inner" style="border-width:3px">
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
</tr>
<tr><th>rules="none"</th>
<td>
<table>
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
<td><table class="frame">
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
<td><table>
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
<td><table class="frame">
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
<td><table class="frame" style="border-width:3px">
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
</tr>
<tr><th>rules="groups"</th>
<td>
<table class="bc">
<colgroup class="bcborder"><col><col></colgroup>
<colgroup class="bcborder"><col></colgroup>
<thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<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>
</table></td>
<td><table class="bc" style="border-width: 1px; border-style: solid">
<colgroup class="bcborder"><col><col></colgroup>
<colgroup class="bcborder"><col></colgroup>
<thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<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>
</table></td>
<td><table class="bc">
<colgroup class="bcborder"><col><col></colgroup>
<colgroup class="bcborder"><col></colgroup>
<thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<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>
</table></td>
<td><table class="bc" style="border-width: 1px; border-style: solid">
<colgroup class="bcborder"><col><col></colgroup>
<colgroup class="bcborder"><col></colgroup>
<thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<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>
</table></td>
<td><table class="bc" style="border-width: 3px; border-style: outset">
<colgroup class="bcborder"><col><col></colgroup>
<colgroup class="bcborder"><col></colgroup>
<thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<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>
</table></td>
</tr>
<tr><th>rules="rows"</th>
<td>
<table class="bc">
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<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>
</table></td>
<td><table class="bc" style="border-width: 1px; border-style: solid">
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<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>
</table></td>
<td><table class="bc">
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<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>
</table></td>
<td><table class="bc" style="border-width: 1px; border-style: solid">
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<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>
</table></td>
<td><table class="bc" style="border-width: 3px; border-style: outset">
<colgroup><col><col></colgroup>
<colgroup><col></colgroup>
<thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<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>
</table></td>
</tr>
<tr><th>rules="cols"</th>
<td>
<table table class="bc" >
<colgroup><col class="bcborder"><col class="bcborder"></colgroup>
<colgroup><col class="bcborder"></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
<td><table table class="bc" style="border-width: 1px; border-style: solid">
<colgroup><col class="bcborder"><col class="bcborder"></colgroup>
<colgroup><col class="bcborder"></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
<td><table table class="bc" >
<colgroup><col class="bcborder"><col class="bcborder"></colgroup>
<colgroup><col class="bcborder"></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
<td><table table class="bc" style="border-width: 1px; border-style: solid">
<colgroup><col class="bcborder"><col class="bcborder"></colgroup>
<colgroup><col class="bcborder"></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
<td><table table class="bc" style="border-width: 3px; border-style: outset">
<colgroup><col class="bcborder"><col class="bcborder"></colgroup>
<colgroup><col class="bcborder"></colgroup>
<thead><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<tbody><tr><td><div/></td><td><div/></td><td><div/></td></tr><tr><td><div/></td><td><div/></td><td><div/></td></tr></tbody>
</table></td>
</tr>
<tr><th>rules="all"</th>
<td>
<table class="bc">
<colgroup><col class="bcborder"><col class="bcborder"></colgroup>
<colgroup><col class="bcborder"></colgroup>
<thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<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>
</table></td>
<td><table class="bc" style="border-width: 1px; border-style: solid">
<colgroup><col class="bcborder"><col class="bcborder"></colgroup>
<colgroup><col class="bcborder"></colgroup>
<thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<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>
</table></td>
<td><table class="bc">
<colgroup><col class="bcborder"><col class="bcborder"></colgroup>
<colgroup><col class="bcborder"></colgroup>
<thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<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>
</table></td>
<td><table class="bc" style="border-width: 1px; border-style: solid">
<colgroup><col class="bcborder"><col class="bcborder"></colgroup>
<colgroup><col class="bcborder"></colgroup>
<thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<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>
</table></td>
<td><table class="bc" style="border-width: 3px; border-style: outset">
<colgroup><col class="bcborder"><col class="bcborder"></colgroup>
<colgroup><col class="bcborder"></colgroup>
<thead><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></thead>
<tfoot><tr class="bcborder"><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
<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>
</table></td>
</tr>
</table>
</body>
</html>