mq-gamut-003.html (823B)
1 <!doctype html> 2 <title>Test: p3 color gamut (old name)</title> 3 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"> 4 <link rel="help" href="https://www.w3.org/TR/mediaqueries-4/#color-gamut"> 5 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/4535"> 6 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/276"> 7 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 8 <meta name="assert" content="the dci-p3 (old name for p3) color-gamut is not syntactically supported"> 9 <style> 10 div { 11 width: 100px; 12 height: 100px; 13 background-color: green; 14 } 15 16 @media (color-gamut: dci-p3), 17 not (color-gamut: dci-p3) 18 { 19 div { background-color: red; } 20 } 21 </style> 22 23 <p>Test passes if there is a filled green square and <strong>no red</strong>. 24 25 <div></div>