element-sizing.html (1201B)
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 <title>TABLE fragment sizes</title> 6 <link rel="author" title="Aleks Totic" href="atotic@chromium.org" /> 7 <link rel="help" href="https://drafts.csswg.org/css-tables-3/" /> 8 9 <main> 10 <h1>TBODY/TR Element sizes and border spacing</h1> 11 <p>Legacy Chrome:TR includes start/end, not before/after. 1st TBODY includes before/after, 2nd TBODY includes only after, not before.</p> 12 <p>Firefox: TR/TBODY do not include start/end before/after.</p> 13 <p>Proposal: match firefox</p> 14 15 <table style="width:100px;border-spacing:10px;background:#ddd"> 16 <tbody data-expected-width=80> 17 <tr data-expected-width=80> 18 <td data-expected-width=80>0,0</td> 19 </tr> 20 </tbody> 21 </table> 22 23 <p>TR width is used for TD's percentage resolution</p> 24 <table style="width:120px;border-spacing:10px;background:#ddd"> 25 <tbody data-expected-width=100> 26 <tr data-expected-width=100> 27 <td style="padding:30%" data-expected-width=100 ><div data-offset-x=30>0,0</div></td> 28 </tr> 29 </tbody> 30 </table> 31 </main> 32 <script> 33 checkLayout("table"); 34 </script>