cssom-additive-symbols-setter-invalid.html (917B)
1 <!DOCTYPE html> 2 <title>CSSCounterStyleRule additiveSymbols 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-additive-symbols-setter-ref.html"> 6 <style id="sheet"> 7 @counter-style foo { 8 system: additive; 9 additive-symbols: 2 C, 1 B, 0 A; 10 } 11 </style> 12 13 <ol style="list-style-type: foo; list-style-position: inside" start=0> 14 <li></li> 15 <li></li> 16 <li></li> 17 </ol> 18 19 <script> 20 // Force layout update before changing the rule 21 document.body.offsetWidth; 22 23 const sheet = document.getElementById('sheet'); 24 const foo_rule = sheet.sheet.rules[0]; 25 26 // Invalid values should be ignored 27 foo_rule.additiveSymbols = ''; 28 foo_rule.additiveSymbols = 'A B C'; 29 foo_rule.additiveSymbols = '1 B, 2 C, 0 A'; 30 foo_rule.additiveSymbols = '2 C C, 1 B, 0 A'; 31 </script>