layout/reftests/table-bordercollapse/borderhandling-frame-border-ref.html@7e26c7da4463
layout/reftests/table-bordercollapse/borderhandling-frame-border-ref.html
Wed, 31 Dec 2014 06:55:50 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:55:50 +0100
- changeset 2
- 7e26c7da4463
- permissions
- -rw-r--r--
Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
5 <style>
6 div {width: 3px; height: 3px;}
7 table.frame {border: outset thin ;}
8 table.frameTop {border-top: outset thin ;}
9 table.frameBottom {border-bottom: outset thin ;}
10 table.frameRight {border-right: outset thin ;}
11 table.frameLeft {border-left: outset thin ;}
13 td.inner {border: inset thin;}
15 </style>
16 </head>
17 <body>
18 <table cellpadding="5" rules="all">
19 <tr><th>frame/border</th><th>empty</th><th>border</th><th>border="0"</th><th>border="1"</th><th>border="3"</th></tr>
20 <tr><th>empty</th>
21 <td><table><tr><td><div/></td></tr></table></td></td>
22 <td><table class="frame"><tr><td class="inner"><div/></td></tr></table></td></td>
23 <td><table><tr><td><div/></td></tr></table></td>
24 <td><table class="frame"><tr><td class="inner"><div/></td></tr></table></td>
25 <td><table class="frame" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
26 </tr>
27 <tr><th>frame</th>
28 <td><table><tr><td><div/></td></tr></table></td>
29 <td><table><tr><td class="inner"><div/></td></tr></table></td></td>
30 <td><table><tr><td><div/></td></tr></table></td>
31 <td><table><tr><td class="inner"><div/></td></tr></table></td></td>
32 <td><table><tr><td class="inner"><div/></td></tr></table></td>
33 </tr>
34 <tr><th>frame="void"</th>
35 <td><table><tr><td><div/></td></tr></table></td>
36 <td><table><tr><td class="inner"><div/></td></tr></table></td></td>
37 <td><table><tr><td><div/></td></tr></table></td>
38 <td><table><tr><td class="inner"><div/></td></tr></table></td></td>
39 <td><table style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
40 </tr>
42 <tr><th>frame="above"</th>
43 <td><table class="frameTop"><tr><td><div/></td></tr></table></td>
44 <td><table class="frameTop"><tr><td class="inner"><div/></td></tr></table></td></td>
45 <td><table><tr><td><div/></td></tr></table></td>
46 <td><table class="frameTop"><tr><td class="inner"><div/></td></tr></table></td></td>
47 <td><table class="frameTop" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
48 </tr>
50 <tr><th>frame="below"</th>
51 <td><table class="frameBottom"><tr><td><div/></td></tr></table></td>
52 <td><table class="frameBottom"><tr><td class="inner"><div/></td></tr></table></td></td>
53 <td><table><tr><td><div/></td></tr></table></td>
54 <td><table class="frameBottom"><tr><td class="inner"><div/></td></tr></table></td></td>
55 <td><table class="frameBottom" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
56 </tr>
58 <tr><th>frame="hsides"</th>
59 <td><table class="frameTop frameBottom"><tr><td><div/></td></tr></table></td>
60 <td><table class="frameTop frameBottom"><tr><td class="inner"><div/></td></tr></table></td></td>
61 <td><table><tr><td><div/></td></tr></table></td>
62 <td><table class="frameTop frameBottom"><tr><td class="inner"><div/></td></tr></table></td></td>
63 <td><table class="frameTop frameBottom" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
64 </tr>
66 <tr><th>frame="lhs"</th>
67 <td><table class="frameLeft"><tr><td><div/></td></tr></table></td>
68 <td><table class="frameLeft"><tr><td class="inner"><div/></td></tr></table></td></td>
69 <td><table><tr><td><div/></td></tr></table></td>
70 <td><table class="frameLeft"><tr><td class="inner"><div/></td></tr></table></td></td>
71 <td><table class="frameLeft" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
72 </tr>
74 <tr><th>frame="rhs"</th>
75 <td><table class="frameRight"><tr><td><div/></td></tr></table></td>
76 <td><table class="frameRight"><tr><td class="inner"><div/></td></tr></table></td></td>
77 <td><table><tr><td><div/></td></tr></table></td>
78 <td><table class="frameRight"><tr><td class="inner"><div/></td></tr></table></td></td>
79 <td><table class="frameRight" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
80 </tr>
82 <tr><th>frame="vsides"</th>
83 <td><table class="frameLeft frameRight"><tr><td><div/></td></tr></table></td>
84 <td><table class="frameLeft frameRight"><tr><td class="inner"><div/></td></tr></table></td></td>
85 <td><table><tr><td><div/></td></tr></table></td>
86 <td><table class="frameLeft frameRight"><tr><td class="inner"><div/></td></tr></table></td></td>
87 <td><table class="frameLeft frameRight" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
88 </tr>
90 <tr><th>frame="box"</th>
91 <td><table class="frame"><tr><td><div/></td></tr></table></td>
92 <td><table class="frame"><tr><td class="inner"><div/></td></tr></table></td></td>
93 <td><table><tr><td><div/></td></tr></table></td>
94 <td><table class="frame"><tr><td class="inner"><div/></td></tr></table></td></td>
95 <td><table class="frame" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
96 </tr>
98 <tr><th>frame="border"</th>
99 <td><table class="frame"><tr><td><div/></td></tr></table></td>
100 <td><table class="frame"><tr><td class="inner"><div/></td></tr></table></td></td>
101 <td><table><tr><td><div/></td></tr></table></td>
102 <td><table class="frame"><tr><td class="inner"><div/></td></tr></table></td></td>
103 <td><table class="frame" style="border-width: 3px"><tr><td class="inner"><div/></td></tr></table></td>
104 </tr>
105 </table>
107 </body>
108 </html>
