default-box-sizing-separate-standards.html (703B)
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>