various-values-important.html (975B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Values: !important flag parsing</title> 5 <link rel="help" href="https://www.w3.org/TR/css-syntax-3/" /> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <style> 9 #target { 10 font-variant: no-common-ligatures proportional-nums !important; 11 initial-letter: 123 !important; 12 text-box-edge: text !important; 13 view-transition-class: cls !important; 14 } 15 </style> 16 </head> 17 <body> 18 <div id="target">Some text.</div> 19 </body> 20 <script> 21 test(() => { 22 assert_equals(getComputedStyle(target).fontVariant, 'no-common-ligatures proportional-nums'); 23 }); 24 test(() => { 25 assert_equals(getComputedStyle(target).initialLetter, '123'); 26 }); 27 test(() => { 28 assert_equals(getComputedStyle(target).textBoxEdge, 'text'); 29 }); 30 test(() => { 31 assert_equals(getComputedStyle(target).viewTransitionClass, 'cls'); 32 }); 33 </script> 34 </html>