Закрыть   X

  •    
  •    
Печать

counter-increment

Автор: Алексей Елизаров.

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


 


© 2024 cssprofi.ru.Алексей Елизаров. Все права защищены
cssprofi.ru - запрещено использование материалов сайта без согласия его автора и обратной ссылки