frame_box_rules_none.html (1688B)
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 4 5 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 6 <title>Frame="box" and Rules="none"</title> 7 <link rel="stylesheet" type="text/css" href="bordercol.css" /> 8 <script language=javascript> 9 function onReftestLoad() { 10 document.getElementById('topRightMask').style.left = (document.getElementById('tablehead').getBoundingClientRect().right + 2) + 'px'; 11 document.getElementById('topRightMask').style.top = (document.getElementById('tablehead').getBoundingClientRect().top - 3) + 'px'; 12 document.getElementById('bottomLeftMask').style.top = (document.getElementById('tablefooter').getBoundingClientRect().bottom + 2) + 'px'; 13 } 14 </script> 15 </head> 16 <body onload='onReftestLoad();'> 17 <div class="maskPixel" id="bottomLeftMask"></div> 18 <div class="maskPixel" id="topRightMask"></div> 19 <table rules="none" frame="box"> 20 <caption><a name="void-none">Frame="box" and Rules="none"</caption> 21 <thead id="tablehead"> 22 <tr> 23 <td>Row 1, Cell 1</td> 24 <td>Row 1, Cell 2</td> 25 <td>Row 1, Cell 3</td> 26 </tr> 27 </thead> 28 <tbody> 29 <tr> 30 <td rowspan="2">Row 2, Cell 1</td> 31 <td colspan="2">Row 2, Cell 2</td> 32 </tr> 33 <tr> 34 <td>Row 3, Cell 2</td> 35 <td rowspan="2">Row 3, Cell 3</td> 36 </tr> 37 <tr> 38 <td colspan="2">Row 4, Cell 1</td> 39 </tr> 40 </tbody> 41 <tfoot id='tablefooter'> 42 <tr> 43 <td>Row 5, Cell 1</td> 44 <td>Row 5, Cell 2</td> 45 <td>Row 5, Cell 3</td> 46 </tr> 47 </tfoot> 48 </table> 49 50 51 </body> 52 53 </html>