cssom-system-setter-2.html (711B)
1 <!DOCTYPE html> 2 <title>CSSCounterStyleRule system setter with 'extends' system</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-system-setter-ref.html"> 6 <style id="sheet"> 7 @counter-style foo { 8 system: extends decimal; 9 } 10 </style> 11 12 <ol style="list-style-type: foo; list-style-position: inside"> 13 <li></li> 14 <li></li> 15 <li></li> 16 </ol> 17 18 <script> 19 // Force layout update before changing the rule 20 document.body.offsetWidth; 21 22 const sheet = document.getElementById('sheet'); 23 const foo_rule = sheet.sheet.rules[0]; 24 foo_rule.system = "extends upper-alpha"; 25 </script>