layout/reftests/table-width/default-box-sizing-collapse-standards-ref.html

branch
TOR_BUG_9701
changeset 3
141e0f1194b1
equal deleted inserted replaced
-1:000000000000 0:f6b6f8560e18
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <title>default box sizing (border-collapse: separate, standards mode)</title>
5 <style type="text/css">
6
7 body > div { float: left; clear: left; background: fuchsia; margin: 2px 0; padding: 10px; }
8
9 table {
10 border-collapse: collapse;
11 border-spacing: 5px 3px;
12 padding: 2px 3px 4px 5px;
13 border: medium solid blue;
14 border-width: 2px 4px 6px 8px;
15 }
16
17 td {
18 border: medium solid aqua;
19 border-width: 2px 4px 6px 8px;
20 padding: 5px 7px 9px 11px;
21 }
22
23 div.inner {
24 background: yellow;
25 }
26
27 </style>
28 </head>
29 <body>
30
31 <div style="padding: 10px">
32 <div style="background: aqua; padding: 1px 2px 3px 4px">
33 <div style="width: 200px; padding: 1px 2px 3px 4px">
34 <div style="background: fuchsia; padding: 5px 7px 9px 11px">
35 <div class="inner">x</div>
36 </div>
37 </div>
38 </div>
39 </div>
40
41 <div style="padding: 10px">
42 <div style="background: aqua; padding: 1px 2px 3px 4px">
43 <div style="padding: 1px 2px 3px 4px">
44 <div style="background: fuchsia; padding: 5px 7px 9px 11px">
45 <div class="inner" style="width: 200px">x</div>
46 </div>
47 </div>
48 </div>
49 </div>
50
51 </body>
52 </html>

mercurial