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