<!doctype html> <title>Test: p3 color gamut</title> <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"> <link rel="help" href="https://www.w3.org/TR/mediaqueries-4/#color-gamut"> <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/276"> <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> <meta name="assert" content="the p3 color-gamut is syntactically supported"> <style> div { width: 100px; height: 100px; background-color: red; } @media (color-gamut: p3), not (color-gamut: p3) { div { background-color: green; } } </style> <p>Test passes if there is a filled green square and <strong>no red</strong>. <div></div>