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

   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 ;}
   8
   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>
  92
  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>
 169
 170
 171
 172
 173
 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>
 212
 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>
 251
 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>
 291
 292 </body>
 293 </html>