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