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