layout/reftests/margin-collapsing/table-caption-1b-dyn.html

Fri, 16 Jan 2015 04:50:19 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 04:50:19 +0100
branch
TOR_BUG_9701
changeset 13
44a2da4a2ab2
permissions
-rw-r--r--

Replace accessor implementation with direct member state manipulation, by
request https://trac.torproject.org/projects/tor/ticket/9701#comment:32

michael@0 1 <!DOCTYPE html>
michael@0 2 <html class="reftest-wait">
michael@0 3 <head>
michael@0 4 <style type="text/css">
michael@0 5 #block1, #block2 {
michael@0 6 height: 20px;
michael@0 7 background-color: green;
michael@0 8 }
michael@0 9 #block1 {
michael@0 10 margin-bottom: 20px;
michael@0 11 }
michael@0 12 #table {
michael@0 13 display: table;
michael@0 14 width: 100px;
michael@0 15 }
michael@0 16 #caption {
michael@0 17 display: table-cell;
michael@0 18 height: 20px;
michael@0 19 margin: 10px 0;
michael@0 20 background-color: blue;
michael@0 21 }
michael@0 22 #block2 {
michael@0 23 margin-top: 20px;
michael@0 24 }
michael@0 25 </style>
michael@0 26 <script type="text/javascript">
michael@0 27 function test() {
michael@0 28 document.getElementById('caption').style.display = 'table-caption';
michael@0 29 document.documentElement.removeAttribute('class');
michael@0 30 }
michael@0 31 document.addEventListener('MozReftestInvalidate', test, false);
michael@0 32 </script>
michael@0 33 </head>
michael@0 34 <body>
michael@0 35 <div id="block1"></div>
michael@0 36 <div id="table">
michael@0 37 <div id="caption"></div>
michael@0 38 </div>
michael@0 39 <div id="block2"></div>
michael@0 40 </body>
michael@0 41 </html>

mercurial