CSS Свойство counter-increment
Полный 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" |
Поддержка Браузерами
Свойство counter-increment поддерживается всеми основными браузерами.
Замечание: IE8 поддерживает свойство counter-increment, только если указано объявление !DOCTYPE.
Значения Свойства
Значение |
Описание |
none |
Никакие счетчики не будут увеличиваться |
идентификатор число |
идентификатор определяет, какой счетчик будет увеличиваться.
число устанавливает, насколько счетчик будет увеличиваться на каждом
очередном селекторе. Значение по умолчанию инкремента 1. 0 или отрицательные
значения допустимы. Если идентификатор ссылается на счетчик, который
не был инициализирован с помощью counter-reset, значение по умолчанию равно 0 |
inherit |
Указывает, что значение свойства counter-increment должно наследоваться от родительского элемента |
Смотрите ТакжеCSS справочник: свойство content
CSS справочник: свойство counter-reset
Полный CSS Справочник
|