if-supports-quirks.html (739B)
1 <!-- quirks mode --> 2 <title>CSS Values and Units Test: CSS inline if() function supports() in quirks mode</title> 3 <meta name="assert" content="Test inline if() function with supports() query in quirks mode"> 4 <link rel="help" href="https://drafts.csswg.org/css-values-5/#if-notation"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <style> 8 div { 9 color: red; 10 --x: if(supports(width: 30): true_value; else: false_value;) 11 } 12 </style> 13 <div id="if">test</div> 14 <script> 15 setup({ single_test: true }); 16 var elem = document.getElementById("if"); 17 let val = window.getComputedStyle(elem).getPropertyValue("--x"); 18 assert_equals(val, "true_value"); 19 done(); 20 </script>