cssom-fallback-setter-invalid.html (814B)
1 <!DOCTYPE html> 2 <title>CSSCounterStyleRule fallback setter with invalid values</title> 3 <link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface"> 4 <link rel="author" href="mailto:xiaochengh@chromium.org"> 5 <link rel="match" href="cssom-fallback-setter-ref.html"> 6 <style id="sheet"> 7 @counter-style foo { 8 system: fixed; 9 symbols: A B; 10 fallback: lower-roman; 11 } 12 </style> 13 14 <ol style="list-style-type: foo; list-style-position: inside"> 15 <li></li> 16 <li></li> 17 <li></li> 18 </ol> 19 20 <script> 21 // Force layout update before changing the rule 22 document.body.offsetWidth; 23 24 const sheet = document.getElementById('sheet'); 25 const foo_rule = sheet.sheet.rules[0]; 26 27 // Invalid values should be ignored 28 foo_rule.fallback = 'none'; 29 foo_rule.fallback = 'lower-roman upper-roman' 30 </script>