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

   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>