table-rows-with-zero-columns.html (1985B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <meta name="viewport" content="width=device-width,initial-scale=1"> 4 <title>CSS Test: size of table rows when the table has no columns</title> 5 <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> 6 <link rel="help" href="https://drafts.csswg.org/css-tables-3/"> 7 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/10132"> 8 <meta name="assert" content="If a table has rows but no columns, the rows are as wide as the inner width of the table."> 9 10 <style> 11 #tests table { 12 box-sizing: border-box; 13 width: 60px; 14 height: 60px; 15 } 16 </style> 17 18 <div id="log"></div> 19 20 <main id="tests"> 21 <table cellspacing="0"> 22 <tr data-expected-width="60" data-expected-height="60"></tr> 23 </table> 24 25 <table cellspacing="0"> 26 <tr data-expected-width="60" data-expected-height="30"></tr> 27 <tr data-expected-width="60" data-expected-height="30"></tr> 28 </table> 29 30 <table cellspacing="10"> 31 <tr data-expected-width="60" data-expected-height="40"></tr> 32 </table> 33 34 <table cellspacing="10"> 35 <tr data-expected-width="60" data-expected-height="15"></tr> 36 <tr data-expected-width="60" data-expected-height="15"></tr> 37 </table> 38 39 <table cellspacing="0" border="5"> 40 <tr data-expected-width="50" data-expected-height="50"></tr> 41 </table> 42 43 <table cellspacing="0" border="5"> 44 <tr data-expected-width="50" data-expected-height="25"></tr> 45 <tr data-expected-width="50" data-expected-height="25"></tr> 46 </table> 47 48 <table cellspacing="10" border="5"> 49 <tr data-expected-width="50" data-expected-height="30"></tr> 50 </table> 51 52 <table cellspacing="10" border="5"> 53 <tr data-expected-width="50" data-expected-height="10"></tr> 54 <tr data-expected-width="50" data-expected-height="10"></tr> 55 </table> 56 </main> 57 58 <script src="/resources/testharness.js"></script> 59 <script src="/resources/testharnessreport.js"></script> 60 <script src="/resources/check-layout-th.js"></script> 61 <script> 62 checkLayout("tr"); 63 </script>