CSS свойство counter-increment
Поддержка браузеров
Описание
Свойство counter-increment увеличивает одно или более значений счетчика. Обычно используется вместе со свойствами counter-reset и content.
|
Значение по умолчанию: |
none |
|
Наследуется: |
нет |
|
Версия: |
CSS2 |
|
Синтаксис JavaScript: |
object.style.counterIncrement="subsection" |
Значения свойства
|
Значение |
Описание |
|
none |
Счетчики не будут инкрементироваться(увеличиваться). |
|
id число |
По id(идентификатору) определяется, к какому счетчику будет применен инкремент. Число (если указано) после идентификатора задает, насколько будет увеличиваться счетчик. По умолчанию значение инкремента 1. Отрицательные значения или 0 допустимы. Если счетчик ссылается на идентификатор, который не был инициализирован с помощью counter-reset, значения не будут инкрементироваться. |
|
inherit |
Указывает, что значение наследуется от родительского элемента. |
body {counter-reset:section; color:red;} /*инициализируем два счетчика*/
h1 {counter-reset:subsection;}
h1:before{
counter-increment:section 1; /*определяем инкремент для разделов*/
content:"Раздел " counter(section) ".";
}
h2:before {
counter-increment:subsection 1; /*определяем инкремент для подразделов*/
content:counter(section) "." counter(subsection) " ";
}
