Add color-gamut media query support
[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; }
6 #b { background-color: green; }
7 #c { background-color: green; }
8
9 @media (color-gamut: srgb) {
10 #b { background-color: blue; }
11 }
12
13 @media (color-gamut: p3) {
14 #c { background-color: blue; }
15 }
16 </style>
17 </head>
18 <body>
19   <p id="a">This paragraph should have a green background.</p>
20   <p id="b">This paragraph should have a blue background on a device with a display that supports something close to sRGB, which is nearly all displays. Otherwise the background should be green.</p>
21   <p id="c">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>
22   <p>Note that the expected results of this test assume a display that is not significantly wider than sRGB.</p>
23 </body>
24 </html>