УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

CSS Свойство counter-increment


CSS Справочник Полный CSS Справочник

Пример

Пронумеровать разделы и подразделы следующим образом "Раздел 1", "1.1", "1.2", и т.д.:

body
{
counter-reset:section;
}

h1
{
counter-reset:subsection;
}

h1:before
{
counter-increment:section;
content:"Раздел " counter(section) ". ";
}

h2:before
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}
 

Попробуйте сами »

Определение и Использование

Свойство counter-increment увеличивает одно или более значений счетчиков.

Свойство counter-increment обычно используется вместе со свойствами counter-reset и content.

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


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство counter-increment поддерживается всеми основными браузерами.

Замечание: IE8 поддерживает свойство counter-increment, только если указано объявление !DOCTYPE.


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

Значение Описание
none Никакие счетчики не будут увеличиваться
идентификатор число идентификатор определяет, какой счетчик будет увеличиваться. число устанавливает, насколько счетчик будет увеличиваться на каждом очередном селекторе. Значение по умолчанию инкремента 1. 0 или отрицательные значения допустимы. Если идентификатор ссылается на счетчик, который не был инициализирован с помощью counter-reset, значение по умолчанию равно 0
inherit Указывает, что значение свойства counter-increment должно наследоваться от родительского элемента


Смотрите Также

CSS справочник: свойство content

CSS справочник: свойство counter-reset


CSS Справочник Полный CSS Справочник




© 2011 - 2022 Уроки CSS