Свойство counter-reset
Последнее обновление: 05.01.2011
Свойство counter-reset устанавливает идентификатор для счетчика и задает начальное значение. Используется совместно со свойством content.
Допустимые значения
- none — запрещает инициализацию счетчика
- — определяет одну или несколько переменных, для которых будут задаваться начальные значения счетчика
- — начальное значение каждого идентификатора (по умолчанию = 0)
- inherit — наследует значение от родителя
| Значение по умолчанию | none |
|---|---|
| Применимо | ко всем элементам |
| Наследование | нет |
| Версия CSS | CSS 2 |
| Поддерживается браузерами |
|
Пример
h2:before {
content: "Глава:" counter(chapter);
counter-increment: chapter 1;
counter-reset: chapter 2;
}
Твой код:
Результат:
большой полигон
Заметки
Во всех браузерах (для Opera не обязательно) для корректной работы увеличения значений счетчика, необходимо указать свойство counter-reset для блока-родителя.
По теме:
- Псевдоэлемент before для маркера списка
- Эмуляция псевдоэлементов after и before для IE6-7
- Вставка спецсимволов в генерируемый контент
- Свойство content
- Свойство counter-increment
- Свойство quotes
- Псевдоэлемент :before
- Псевдоэлемент :after
Показать комментарии