layout/reftests/margin-collapsing/table-caption-bottom-outside-2-dyn.html@925c144e1f1f
layout/reftests/margin-collapsing/table-caption-bottom-outside-2-dyn.html
Fri, 16 Jan 2015 18:13:44 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 18:13:44 +0100
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
- permissions
- -rw-r--r--
Integrate suggestion from review to improve consistency with existing code.
1 <!DOCTYPE html>
2 <html class="reftest-wait">
3 <head>
4 <style type="text/css">
5 .block {
6 height: 20px;
7 background-color: green;
8 }
9 #table {
10 display: table;
11 margin: 10px 0;
12 }
13 #caption {
14 display: table-cell;
15 caption-side: bottom-outside;
16 height: 20px;
17 margin: 20px 0;
18 background-color: blue;
19 }
20 #cell {
21 display: table-cell;
22 width: 100px;
23 height: 20px;
24 background-color: orange;
25 }
26 </style>
27 <script type="text/javascript">
28 function test() {
29 document.getElementById('caption').style.display = 'table-caption';
30 document.documentElement.removeAttribute('class');
31 }
32 document.addEventListener('MozReftestInvalidate', test, false);
33 </script>
34 </head>
35 <body>
36 <div class="block"></div>
37 <div id="table">
38 <div id="caption"></div>
39 <div id="cell"></div>
40 </div>
41 <div class="block"></div>
42 </body>
43 </html>
