testing/web-platform/tests/css/css-tables/border-spacing-included-in-sizes-001.tentative.html

   1 <!DOCTYPE html>
   2 <script src='/resources/testharness.js'></script>
   3 <script src='/resources/testharnessreport.js'></script>
   4 <script src='/resources/check-layout-th.js'></script>
   5 <link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
   6 <link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-htmlelement-offsetheight">
   7 <meta name="flags" content="" />
   8 <meta name="assert" content="border-spacing occurring outside rows and sections is not included in their height and width" />
   9
  10 <style>
  11   #theTable td {
  12     width: 100px;
  13     height: 100px;
  14     background-color: green;
  15     padding: 0px;
  16   }
  17
  18   #theTable {
  19     border-spacing: 10px;
  20   }
  21
  22   .outline {
  23     outline: 2px solid black;
  24   }
  25 </style>
  26
  27 <table id=theTable>
  28   <tbody class="outline" data-expected-height=100>
  29     <tr>
  30       <td></td>
  31       <td></td>
  32     </tr>
  33   </tbody>
  34   <tbody class="outline" data-expected-height=150>
  35     <tr></tr>
  36     <tr></tr>
  37     <tr></tr>
  38     <tr>
  39       <td></td>
  40       <td></td>
  41     </tr>
  42     <tr></tr>
  43     <tr></tr>
  44   </tbody>
  45   <tbody class="outline" data-expected-height=100>
  46     <tr>
  47       <td></td>
  48       <td></td>
  49     </tr>
  50   </tbody>
  51   <tfoot>
  52     <tr style="outline: 2px dashed black" data-expected-width=210 data-expected-height=100>
  53       <td></td>
  54       <td></td>
  55     </tr>
  56   </tfoot>
  57 </table>
  58 <script>
  59 checkLayout('tbody');
  60 checkLayout('tfoot tr');
  61 </script>