system-additive.html (1216B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <title>CSS Test: system additive</title> 4 <link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/"> 5 <link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#additive-system"> 6 <link rel="match" href="system-additive-ref.html"> 7 <link rel="stylesheet" href="support/test-common.css"> 8 <style type="text/css"> 9 @counter-style a { 10 system: additive; 11 additive-symbols: 6 \2685, 5 \2684, 4 \2683, 3 \2682, 2 \2681, 1 \2680; 12 suffix: ""; 13 } 14 @counter-style b { 15 system: additive; 16 additive-symbols: 7 \2630, 6 \2631, 5 \2632, 4 \2633, 3 \2634, 2 \2635, 1 \2636, 0 \2637; 17 suffix: ""; 18 } 19 @counter-style c { 20 system: additive; 21 additive-symbols: 3 "a", 2 "b"; 22 } 23 @counter-style d { 24 system: additive; 25 additive-symbols: 1 \10300; 26 } 27 </style> 28 <ol start="-2" style="list-style-type: a"> 29 <li><li><li><li><li> 30 <li><li><li><li><li> 31 <li value="10"><li><li><li> 32 <li value="360"><!-- 60 code points --> 33 </ol> 34 <ol start="-2" style="list-style-type: b"> 35 <li><li><li><li><li> 36 </ol> 37 <ol style="list-style-type: c"> 38 <li><li><li><li><li> 39 </ol> 40 <ol style="list-style-type: d"> 41 <li value="60"><!-- 60 code points --> 42 </ol>