| <html> |
| <head> |
| <title>CSS4 media query test: color-gamut.</title> |
| <style type="text/css"> |
| #a { background-color: green; color: white; } |
| #b { background-color: green; color: white; } |
| #c { background-color: green; color: white; } |
| |
| @media (color-gamut: p3) { |
| #b { background-color: blue; } |
| } |
| /* reduced is not a valid color space */ |
| @media (color-gamut: reduced) { |
| #c { background-color: blue; } |
| } |
| </style> |
| </head> |
| <body> |
| <p id="a">This paragraph should have a green background.</p> |
| <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> |
| <p id="c">This paragraph should have a green background.</p> |
| <p>Note that the expected results of this test assume a display that is not significantly wider than sRGB.</p> |
| </body> |
| </html> |
