Import the css-display-3 css tests.
[WebKit-https.git] / LayoutTests / imported / w3c / web-platform-tests / css / css-display-3 / display-contents-dynamic-multicol-001-none.html
1 <!DOCTYPE html>
2 <meta charset="utf-8">
3 <title>CSS Test: CSS display:contents in multicolumn 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-multicol-001-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="columns">
13   <div class="contents c1"><div class="contents c2"><div>1<span class="b">1</span></div></div></div>
14   <div class="contents c2"><div>2</div></div>
15   <div class="contents c3"><div>3</div></div>
16   </div>
17
18   <div class="columns">
19   <div class="columns contents">
20   <div class="contents c1"><div class="contents c2"><div>1<span class="b">1</span></div></div></div>
21   <div class="contents c2"><div>2</div></div>
22   <div class="contents c3"><div>3</div></div>
23   </div>
24   </div>
25 </div>
26 <script>
27 window.onload = function() {
28   eachDisplayContentsElementIn(document, window,
29       function(e) { e.style.display = 'none'; },
30       function(e) { e.style.display = ''; })
31 }
32 </script>