Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

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


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-reset создает или сбрасывает один или более счетчиков.

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

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


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

Internet Explorer Firefox Opera Google Chrome Safari

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

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


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

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


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

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

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


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

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru