border-spacing-included-in-sizes-001.html (1486B)
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 <link rel="help" href="https://www.w3.org/TR/css-tables-3/#bounding-box-assignment"> 8 <link rel="bookmark" href="https://crbug.com/613753" /> 9 <meta name="assert" content="border-spacing occurring outside rows and sections is not included in their height and width" /> 10 11 <style> 12 #theTable td { 13 width: 100px; 14 height: 100px; 15 background-color: green; 16 padding: 0px; 17 } 18 19 #theTable { 20 border-spacing: 10px; 21 } 22 23 .outline { 24 outline: 2px solid black; 25 } 26 </style> 27 28 <table id=theTable> 29 <tbody class="outline" data-expected-height=100> 30 <tr> 31 <td></td> 32 <td></td> 33 </tr> 34 </tbody> 35 <tbody class="outline" data-expected-height=150> 36 <tr></tr> 37 <tr></tr> 38 <tr></tr> 39 <tr> 40 <td></td> 41 <td></td> 42 </tr> 43 <tr></tr> 44 <tr></tr> 45 </tbody> 46 <tbody class="outline" data-expected-height=100> 47 <tr> 48 <td></td> 49 <td></td> 50 </tr> 51 </tbody> 52 <tfoot> 53 <tr style="outline: 2px dashed black" data-expected-width=210 data-expected-height=100> 54 <td></td> 55 <td></td> 56 </tr> 57 </tfoot> 58 </table> 59 <script> 60 checkLayout('tbody'); 61 checkLayout('tfoot tr'); 62 </script>