borderhandling-rules-border-groups-quirks-ref.html (3173B)
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>rules="groups"</th> 19 <td> 20 <table class="bc"> 21 <colgroup class="bcborder"><col><col></colgroup> 22 <colgroup class="bcborder"><col></colgroup> 23 <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead> 24 <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot> 25 <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> 26 </table></td> 27 <td><table class="bc" style="border-width: 1px; border-style: solid"> 28 <colgroup class="bcborder"><col><col></colgroup> 29 <colgroup class="bcborder"><col></colgroup> 30 <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead> 31 <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot> 32 <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> 33 </table></td> 34 <td><table class="bc"> 35 <colgroup class="bcborder"><col><col></colgroup> 36 <colgroup class="bcborder"><col></colgroup> 37 <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead> 38 <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot> 39 <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> 40 </table></td> 41 <td><table class="bc" style="border-width: 1px; border-style: solid"> 42 <colgroup class="bcborder"><col><col></colgroup> 43 <colgroup class="bcborder"><col></colgroup> 44 <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead> 45 <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot> 46 <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> 47 </table></td> 48 <td><table class="bc" style="border-width: 3px; border-style: outset"> 49 <colgroup class="bcborder"><col><col></colgroup> 50 <colgroup class="bcborder"><col></colgroup> 51 <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead> 52 <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot> 53 <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> 54 </table></td> 55 </tr> 56 </table> 57 58 </body> 59 </html>