|
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; } |
|
8 |
|
9 table { |
|
10 border-spacing: 5px 3px; |
|
11 padding: 2px 3px 4px 5px; |
|
12 border: medium solid blue; |
|
13 border-width: 2px 3px 4px 5px; |
|
14 } |
|
15 |
|
16 td { |
|
17 border: medium solid aqua; |
|
18 border-width: 2px 3px 4px 5px; |
|
19 padding: 5px 7px 9px 11px; |
|
20 } |
|
21 |
|
22 td > div { |
|
23 background: yellow; |
|
24 } |
|
25 |
|
26 </style> |
|
27 </head> |
|
28 <body> |
|
29 |
|
30 <div> |
|
31 <table width="200"> |
|
32 <tr> |
|
33 <td><div>x</div></td> |
|
34 </tr> |
|
35 </table> |
|
36 </div> |
|
37 |
|
38 <div> |
|
39 <table> |
|
40 <tr> |
|
41 <td width="200"><div>x</div></td> |
|
42 </tr> |
|
43 </table> |
|
44 </div> |
|
45 |
|
46 </body> |
|
47 </html> |