[CSS container Queries] Include container queries in RuleSets
[webkit.git] / LayoutTests / imported / w3c / web-platform-tests / css / css-contain / contain-layout-cell-002.html
blob2c10eb21e0c5f7d54630c22a0505d22559b6ad42
1 <!DOCTYPE html>
3 <meta charset="UTF-8">
5 <title>CSS Containment Test: 'contain: layout' applies to 'table-cell' elements</title>
7 <link rel="author" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
8 <link rel="help" href="https://www.w3.org/TR/css-contain-1/#containment-layout">
9 <link rel="match" href="reference/contain-layout-cell-001-ref.html">
11 <meta content="In this test, the td#contain should act as the containing block for div#abs-pos ." name="assert">
13 <style>
14 table
16 background-color: blue;
17 border-spacing: 2px;
18 height: 206px;
19 table-layout: fixed;
20 width: 206px;
25 background-color: white;
26 padding: 0px;
27 vertical-align: top;
30 td#contain
32 contain: layout;
35 span
37 background-color: red;
38 color: yellow;
39 font-family: monospace;
40 vertical-align: top;
43 div#abs-pos
45 background-color: green;
46 color: white;
47 font-family: monospace;
48 left: 0px;
49 position: absolute;
50 top: 0px;
52 </style>
54 <p>Test passes if there is the word PASS and if there is <strong>no red</strong>.
56 <table>
58 <tr><td>&nbsp;<td>&nbsp;
60 <tr><td>&nbsp;<td id="contain"><span>FAIL</span><div id="abs-pos">PASS</div>
62 </table>