Import the css-display-3 css tests.
[WebKit-https.git] / LayoutTests / imported / w3c / web-platform-tests / css / css-display-3 / display-contents-dynamic-table-002-inline.html
1 <!DOCTYPE html>
2 <meta charset="utf-8">
3 <title>CSS Test: CSS display:contents in table layout</title>
4 <!--  Imported from: https://bugzilla.mozilla.org/show_bug.cgi?id=907396  -->
5 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
6 <link rel="author" title="Emilio Cobos Ãlvarez" href="mailto:ecobos@igalia.com">
7 <link rel="help" href="https://drafts.csswg.org/css-display-3/#valdef-display-contents">
8 <link rel="match" href="display-contents-table-002-ref.html">
9 <link rel="stylesheet" href="support/acid.css">
10 <script src="support/util.js"></script>
11 <div style="color: red">
12   <div class="table" style="float:right">
13     <div class="contents c1"><div class="contents c2"><div class="caption">1<span class="b">1</span></div></div></div>
14     <div class="contents c2"><div class="row">2a<div class="cell">2<div class="contents c2">b<span class="b">b</span></div></div></div></div>
15     <div class="contents c3"><div class="cell">3</div></div>
16     <div class="contents c4"><div class="rowg">4</div></div>
17     <div class="contents c5"><div class="cell">5a</div></div>
18     <div class="cell c5">5b</div>
19     <div class="contents c6"><div class="head">6</div></div>
20     <div class="contents c7"><div class="cell"><div class="contents c2">7<span class="b">a</span></div></div></div>
21     <div class="contents c8"><div class="cell">7b</div></div>
22     <div class="contents c9"><div class="foot">8</div></div>
23     <div class="contents c9"><div class="foot">9<div class="contents c2">a<span class="b">b</span>c</div></div></div>
24     <div class="contents c10"><div class="cell">10</div></div>
25   </div>
26 </div>
27 <script>
28 window.onload = function() {
29   eachDisplayContentsElementIn(
30       document,
31       window,
32       function(e) { e.style.display = 'inline'; },
33       function(e) { e.style.display = 'contents'; });
34 }
35 </script>