• Главное
• Радуга
• Как худеть
• Как бросить курить
• Сăмах
• Как создать сайт
• Лада приора
• Электросварка

• HTML
• CSS
• Web-диз
• JavaScript
• PHP
• jQuery
• SEO
• MySQL
• XML

Порождаемое содержимое в 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() переключает соответствующий счетчик.

обратно    назад    дальше     вперед