5 -moz-box-sizing: border-box;
6 box-sizing: border-box;
7 background-color: orange;
9 border:
7px solid black;
17 <p id=
"description">All of the boxes should be
80x30 and look identical.
</p>
18 <div id=
"console"></div>
20 <div id=
"expected" class=
"styledForTest"></div>
22 <div id=
"div-display-table-cell" class=
"styledForTest" style=
"display: table-cell;"></div>
26 <td id=
"td" class=
"styledForTest"></td>
30 <script src=
"../../resources/js-test.js"></script>
32 description('Tests that display: table-cell and box-sizing: border-box work when used together.');
34 ['div-display-table-cell', 'td'].forEach(function (id
) {
36 element
= document
.querySelector('#' + id
);
37 shouldBe('element.offsetWidth', '80');
38 shouldBe('element.offsetHeight', '30');