table-parts-offsetheight.html (1459B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://www.w3.org/TR/css-break-3/#box-splitting"> 4 <link rel="help" href="https://www.w3.org/TR/cssom-view/#extensions-to-the-htmlelement-interface"> 5 <div style="columns:3; column-fill:auto; height:70px; background:yellow;"> 6 <div id="table" style="display:table; border-spacing:7px; border:2px solid; padding:1px;"> 7 <div id="colgroup" style="display:table-column-group;"> 8 <div id="col" style="display:table-column;"></div> 9 </div> 10 <div id="rowgroup" style="display:table-row-group;"> 11 <div id="row" style="display:table-row;"> 12 <div id="cell" style="display:table-cell;"> 13 <div id="content" style="width:100px; height:100px; background:blue;"></div> 14 </div> 15 </div> 16 </div> 17 </div> 18 </div> 19 <script src="/resources/testharness.js"></script> 20 <script src="/resources/testharnessreport.js"></script> 21 <script> 22 test(()=> { assert_equals(table.offsetHeight, 70); }, "table"); 23 test(()=> { assert_equals(colgroup.offsetHeight, 70); }, "colgroup"); 24 test(()=> { assert_equals(col.offsetHeight, 70); }, "col"); 25 test(()=> { assert_equals(rowgroup.offsetHeight, 70); }, "rowgroup"); 26 test(()=> { assert_equals(row.offsetHeight, 70); }, "row"); 27 test(()=> { assert_equals(cell.offsetHeight, 70); }, "cell"); 28 test(()=> { assert_equals(content.offsetHeight, 70); }, "content"); 29 </script>