|
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> |