additive-symbols CSS

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

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

к @counter-style

Применяется:
к `@counter-style`
Анимируется:
Нет
Спецификации:
Спецификации:
* [CSS Counter Styles Level 3](https://drafts.csswg.org/css-counter-styles-3/#counter-style-symbols)
Поддержка браузерами:
  • Mozilla Firefox 33+
Поддержка браузерами:
* Mozilla Firefox 33+

Синтаксис

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

Синтаксис

additive-symbols: 3 "0"; additive-symbols: 3 "0", 2 "\2E\20"; 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;
}

Примеры

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; }

Содержание

  • Синтаксис
      additive-symbols: 3 "0"; additive-symbols: 3 "0", 2 "\2E\20"; 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; }

    В начало