default-box-sizing-collapse-quirks.html (731B)
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 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>