Закрыть   X

  •    
  •    
Печать

counter-reset

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

CSS свойство counter-reset

Поддержка браузеров

 

Описание

Свойство counter-reset инициализирует(устанавливает) начальное значение счетчика с которого будет начинаться инкремент.
 

Значение по умолчанию: none
Наследуется: нет
Версия: CSS2
Синтаксис JavaScript: object.style.counterReset="subsection"


Значения свойства

Значение Описание
none Если установлено значение none, счетчики не будут инкрементироваться(увеличиваться).
id число По id(идентификатору) определяется, к какому счетчику будет применен инкремент. Число (если указано) после идентификатора задает начальное значение, с которого будет начинаться увеличение счетчика. По умолчанию значение равно 0. Отрицательные значения или 0 допустимы. Если в счетчике написан идентификатор, который не был инициализирован с помощью counter-reset, то показатель счетчика всегда будет равен 0.
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) " ";
}


 


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