Порождаемое содержимое в CSS.
(продолжение)
Автоматическая нумерация и счетчики в CSS.
Свойство counter-reset в CSS. Значения:
identifier
integer
none
inheri
Начальное значение: Определяется используемым агентом. Применимо: Ко всем элементам. Наследуется: Нет.
Значение counter-reset в CSS идентификатор (определяемая автором документа метка типа раздела или главы). По умолчанию его значение - нуль (0), поэтому, просто задав идентификатор в counter-reset, Вы обнуляете его счетчик. Исходно счетчик может иметь любое целое, в том числе отрицательное, значение.
Свойство counter-increment. Значения:
identifier
integer
none
inherit
Значение: Определяется используемым агентом. Применимо: Ко всем элементам. Наследуется: Нет.
Значение counter-increment в CSS содержит имя идентификатора (раздела или главы), а также необязательное число - величину инкремента. По умолчанию оно равно 1, а значит, каждое вхождение элемента прибавляет к счетчику единицу, если не указано на иное. Чтобы заставить счетчик работать в сторону уменьшения, можно указывать отрицательные значения.
Такая запись эквивалентна записи вида:
h2 {
counter-increment: chapter 1;
}
Указанные функции-счетчики полезны при работе с content только в значении counter() или counters() в CSS.
Аргументами counter() в CSS служат название идентификатора и необязательный стиль (одно из допустимых значений свойства list-style-type, например upper-alpha). Стиль счетчика по умолчанию decimal (1, 2, 3 и т. д.).
Свойство counter-increment в CSS: section; } /* по умолчанию 1 */. Функция counters() создает счетчики глубиной в несколько уровней (например, 1.0, 1.1, 1.2, 1.3, 2.0, 2.1, 2.1.1, 2.1.2, 2.1.3 и т. д.) без описания правил счета на каждом уровне вложенности отдельно. Минус подхода состоит в том, что всем построенным подобным образом счетчикам необходимо назначить один и тот же идентификатор. Для визуального разбиения строки счетчиков неплохо выбрать разделительный символ - точку или, например, запятую. Представим на секунду, что происходит, если нумерованный список в HTML включить в состав другого списка такого рода. По умолчанию вложенный список начинает свой отсчет с «1». Причина этого состоит в том, что списки друг в друга вложены. Как только пользовательский агент находит новый уровень вложенности («область видимости», говоря на жаргоне), функция counters() переключает соответствующий счетчик.
обратно назад дальше вперед
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|