| <!DOCTYPE html> |
| <title>CSSCounterStyleRule additiveSymbols setter</title> |
| <link rel="help" href="https://www.w3.org/TR/css-counter-styles-3/#the-csscounterstylerule-interface"> |
| <link rel="author" href="mailto:xiaochengh@chromium.org"> |
| <link rel="match" href="cssom-additive-symbols-setter-ref.html"> |
| <style id="sheet"> |
| @counter-style foo { |
| system: additive; |
| additive-symbols: 1 I, 0 O; |
| } |
| </style> |
| |
| <ol style="list-style-type: foo; list-style-position: inside" start=0> |
| <li></li> |
| <li></li> |
| <li></li> |
| </ol> |
| |
| <script> |
| // Force layout update before changing the rule |
| document.body.offsetWidth; |
| |
| const sheet = document.getElementById('sheet'); |
| const foo_rule = sheet.sheet.rules[0]; |
| foo_rule.additiveSymbols = '2 C, 1 B, 0 A'; |
| </script> |
