e7c2042b3a4462d0b8683c3d3fc8edd264591149
[WebKit-https.git] / LayoutTests / fast / media / mq-color-gamut.html
1 <html>
2 <head>
3 <title>CSS4 media query test: color-gamut.</title>
4 <style type="text/css">
5 #a { background-color: green; color: white; }
6 #b { background-color: green; color: white; }
7
8 @media (color-gamut: p3) {
9 #b { background-color: blue; }
10 }
11 </style>
12 </head>
13 <body>
14   <p id="a">This paragraph should have a green background.</p>
15   <p id="b">This paragraph should have a blue background on a device with a display that supports something close to P3. Otherwise the background should be green.</p>
16   <p>Note that the expected results of this test assume a display that is not significantly wider than sRGB.</p>
17 </body>
18 </html>