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