123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
- <html lang="en"><head>
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- <title>Frame="box" and Rules="none"</title>
- <link rel="stylesheet" type="text/css" href="bordercol.css" />
- <script language=javascript>
- function onReftestLoad() {
- document.getElementById('topRightMask').style.left = (document.getElementById('tablehead').getBoundingClientRect().right + 2) + 'px';
- document.getElementById('topRightMask').style.top = (document.getElementById('tablehead').getBoundingClientRect().top - 3) + 'px';
- document.getElementById('bottomLeftMask').style.top = (document.getElementById('tablefooter').getBoundingClientRect().bottom + 2) + 'px';
- }
- </script>
- </head>
- <body onload='onReftestLoad();'>
- <div class="maskPixel" id="bottomLeftMask"></div>
- <div class="maskPixel" id="topRightMask"></div>
- <table rules="none" frame="box">
- <caption><a name="void-none">Frame="box" and Rules="none"</caption>
- <thead id="tablehead">
- <tr>
- <td>Row 1, Cell 1</td>
- <td>Row 1, Cell 2</td>
- <td>Row 1, Cell 3</td>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td rowspan="2">Row 2, Cell 1</td>
- <td colspan="2">Row 2, Cell 2</td>
- </tr>
- <tr>
- <td>Row 3, Cell 2</td>
- <td rowspan="2">Row 3, Cell 3</td>
- </tr>
- <tr>
- <td colspan="2">Row 4, Cell 1</td>
- </tr>
- </tbody>
- <tfoot id='tablefooter'>
- <tr>
- <td>Row 5, Cell 1</td>
- <td>Row 5, Cell 2</td>
- <td>Row 5, Cell 3</td>
- </tr>
- </tfoot>
- </table>
- </body>
- </html>
|