frame_box_rules_none.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
  2. <html lang="en"><head>
  3. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  4. <title>Frame="box" and Rules="none"</title>
  5. <link rel="stylesheet" type="text/css" href="bordercol.css" />
  6. <script language=javascript>
  7. function onReftestLoad() {
  8. document.getElementById('topRightMask').style.left = (document.getElementById('tablehead').getBoundingClientRect().right + 2) + 'px';
  9. document.getElementById('topRightMask').style.top = (document.getElementById('tablehead').getBoundingClientRect().top - 3) + 'px';
  10. document.getElementById('bottomLeftMask').style.top = (document.getElementById('tablefooter').getBoundingClientRect().bottom + 2) + 'px';
  11. }
  12. </script>
  13. </head>
  14. <body onload='onReftestLoad();'>
  15. <div class="maskPixel" id="bottomLeftMask"></div>
  16. <div class="maskPixel" id="topRightMask"></div>
  17. <table rules="none" frame="box">
  18. <caption><a name="void-none">Frame="box" and Rules="none"</caption>
  19. <thead id="tablehead">
  20. <tr>
  21. <td>Row 1, Cell 1</td>
  22. <td>Row 1, Cell 2</td>
  23. <td>Row 1, Cell 3</td>
  24. </tr>
  25. </thead>
  26. <tbody>
  27. <tr>
  28. <td rowspan="2">Row 2, Cell 1</td>
  29. <td colspan="2">Row 2, Cell 2</td>
  30. </tr>
  31. <tr>
  32. <td>Row 3, Cell 2</td>
  33. <td rowspan="2">Row 3, Cell 3</td>
  34. </tr>
  35. <tr>
  36. <td colspan="2">Row 4, Cell 1</td>
  37. </tr>
  38. </tbody>
  39. <tfoot id='tablefooter'>
  40. <tr>
  41. <td>Row 5, Cell 1</td>
  42. <td>Row 5, Cell 2</td>
  43. <td>Row 5, Cell 3</td>
  44. </tr>
  45. </tfoot>
  46. </table>
  47. </body>
  48. </html>