layout/reftests/table-bordercollapse/borderhandling-rules-border-ref.html
author Ehsan Akhgari <ehsan@mozilla.com>
Mon, 31 Jan 2011 16:23:01 -0500
changeset 62147 152fe0de3c821983c5e42b9bbdacdff6606e6b9f
parent 36972 ef065d84aaa4839b08bff660f16d146d604e6113
permissions -rw-r--r--
Bug 573960 - Make the bordercolor attribute on table elements work again; r=bernd a=blocking-betaN+

<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>