additive-symbols CSS

Описание additive-symbols позволяет вам указывать символы, когда значение дескриптора system счетчика равно additive.

Наследуется:
Нет
Применяется:

к @counter-style

Анимируется:
Нет
Спецификации:
Поддержка браузерами:
  • Mozilla Firefox 33+

Синтаксис

additive-symbols: 3 "0";
additive-symbols: 3 "0", 2 "2E20";
additive-symbols: 3 "0", 2 url(symbol.png);

Примеры

HTML

<ul class="list">
   <li>One</li>
   <li>Two</li>
   <li>Three</li>
   <li>Four</li>
   <li>Five</li>
</ul>

CSS

@counter-style additive-symbols-example {
  system: additive;
  additive-symbols: I 1;
}
.list {
  list-style: additive-symbols-example;
}