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