layout/reftests/table-width/default-box-sizing-collapse-standards.html

   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>