borderhandling-rules-border-groups-quirks-ref.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  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. table.bc{ border-collapse:collapse; border-style: hidden}
  9. .bcborder {border-width: 1px; border-style: solid}
  10. td.inner {border-style: inset; border-width: thin;}
  11. table.inner td {border-style: inset; border-width: thin;}
  12. </style>
  13. </head>
  14. <body>
  15. <table cellpadding="5" rules="all">
  16. <tr><th>rules/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
  17. <tr><th>rules="groups"</th>
  18. <td>
  19. <table class="bc">
  20. <colgroup class="bcborder"><col><col></colgroup>
  21. <colgroup class="bcborder"><col></colgroup>
  22. <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
  23. <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
  24. <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>
  25. </table></td>
  26. <td><table class="bc" style="border-width: 1px; border-style: solid">
  27. <colgroup class="bcborder"><col><col></colgroup>
  28. <colgroup class="bcborder"><col></colgroup>
  29. <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
  30. <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
  31. <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>
  32. </table></td>
  33. <td><table class="bc">
  34. <colgroup class="bcborder"><col><col></colgroup>
  35. <colgroup class="bcborder"><col></colgroup>
  36. <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
  37. <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
  38. <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>
  39. </table></td>
  40. <td><table class="bc" style="border-width: 1px; border-style: solid">
  41. <colgroup class="bcborder"><col><col></colgroup>
  42. <colgroup class="bcborder"><col></colgroup>
  43. <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
  44. <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
  45. <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>
  46. </table></td>
  47. <td><table class="bc" style="border-width: 3px; border-style: outset">
  48. <colgroup class="bcborder"><col><col></colgroup>
  49. <colgroup class="bcborder"><col></colgroup>
  50. <thead class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></thead>
  51. <tfoot class="bcborder"><tr><td><div/></td><td><div/></td><td><div/></td></tr></tfoot>
  52. <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>
  53. </table></td>
  54. </tr>
  55. </table>
  56. </body>
  57. </html>