system-additive.html 1006 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!DOCTYPE html>
  2. <link rel="stylesheet" href="test-common.css">
  3. <style type="text/css">
  4. @counter-style a {
  5. system: additive;
  6. additive-symbols: 6 \2685, 5 \2684, 4 \2683, 3 \2682, 2 \2681, 1 \2680;
  7. suffix: "";
  8. }
  9. @counter-style b {
  10. system: additive;
  11. additive-symbols: 7 \2630, 6 \2631, 5 \2632, 4 \2633, 3 \2634, 2 \2635, 1 \2636, 0 \2637;
  12. suffix: "";
  13. }
  14. @counter-style c {
  15. system: additive;
  16. additive-symbols: 3 "a", 2 "b";
  17. }
  18. @counter-style d {
  19. system: additive;
  20. additive-symbols: 1 \10300;
  21. }
  22. </style>
  23. <ol start="-2" style="list-style-type: a">
  24. <li><li><li><li><li>
  25. <li><li><li><li><li>
  26. <li value="10"><li><li><li>
  27. <li value="360"><!-- 60 code points -->
  28. <li value="1000"><!-- too long -->
  29. </ol>
  30. <ol start="-2" style="list-style-type: b">
  31. <li><li><li><li><li>
  32. </ol>
  33. <ol style="list-style-type: c">
  34. <li><li><li><li><li>
  35. </ol>
  36. <ol style="list-style-type: d">
  37. <li value="60"><!-- 60 code points -->
  38. <li value="100"><!-- too long -->
  39. </ol>