default-box-sizing-collapse-standards.html (747B)
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 td > div { 24 background: yellow; 25 } 26 27 </style> 28 </head> 29 <body> 30 31 <div> 32 <table width="200"> 33 <tr> 34 <td><div>x</div></td> 35 </tr> 36 </table> 37 </div> 38 39 <div> 40 <table> 41 <tr> 42 <td width="200"><div>x</div></td> 43 </tr> 44 </table> 45 </div> 46 47 </body> 48 </html>