layout/reftests/table-width/default-box-sizing-separate-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; }
   7
   8 table {
   9   border-spacing: 5px 3px;
  10   padding: 2px 3px 4px 5px;
  11   border: medium solid blue;
  12   border-width: 2px 3px 4px 5px;
  13 }
  14
  15 td {
  16   border: medium solid aqua;
  17   border-width: 2px 3px 4px 5px;
  18   padding: 5px 7px 9px 11px;
  19 }
  20
  21 td > div {
  22   background: yellow;
  23 }
  24
  25 </style>
  26 </head>
  27 <body>
  28
  29 <div>
  30   <table width="200">
  31     <tr>
  32       <td><div>x</div></td>
  33     </tr>
  34   </table>
  35 </div>
  36
  37 <div>
  38   <table>
  39     <tr>
  40       <td width="200"><div>x</div></td>
  41     </tr>
  42   </table>
  43 </div>
  44
  45 </body>
  46 </html>