9.3. Автоматическая нумерация и списки

9.3. Автоматическая нумерация и списки

В CSS существует два свойства для управления нумерацией: counter-increment и counter-reset. Счетчики, которые определены данными свойствами, используются функциями counter() и counters() свойства content. Рассмотрим подробно свойства для управления нумерацией.

• counter-increment – с помощью этого свойства вы можете задать одно или несколько имен счетчиков, после каждого из которых может быть указано целое число. Оно определяет величину, на которую увеличивается содержимое счетчика при каждом его использовании. По умолчанию значение счетчика увеличивается на единицу. Вы также можете использовать отрицательные целые числа.

• counter-reset – также содержит список из одного или нескольких имен счетчиков, после каждого из которых может быть указано целое число. Оно задает значение, которое сначала присваивается счетчику. По умолчанию значение равно 0.

Для примера рассмотрим таблицу стилей, которая нумерует главы и разделы таким образом:

• Глава 1:

? 1.1;

? 1.2.

• Глава 2:

? 2.1;

? 2.2 и т. д.

Код таблицы следующий:

h1:before {

content: "Глава " counter(chapter) ". ";

counter-increment: chapter; /* Добавление 1 к номеру главы */

counter-reset: section; /* Установка значения 0 для раздела */

}

h2:before {

content: counter(chapter) "." counter(section) " ";

counter-increment: section;

}

В примере не указана цифра, с которой начинать нумерацию, так как по умолчанию она начинается с единицы. Однако, как отмечалось выше, это возможно.

Если вы одновременно зададите увеличение или сбрасывание счетчика, а также используете его с помощью свойства content, то сначала счетчик будет увеличен или сброшен, а потом применится в документе.

Важно помнить, что свойство counter-reset поддерживает правила каскада. По этим правилам в следующей таблице стилей сбрасывается только счетчик imagenum:

h1 { counter-reset: section -1 }

h1 { counter-reset: imagenum 99 }

Чтобы выполнить сброс обоих счетчиков, необходимо задать их вместе:

h1 { counter-reset: section -1 imagenum 99 }

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

8.2.3.2.1 Нумерация страниц

Из книги Информационная технология ПРОЦЕСС СОЗДАНИЯ ДОКУМЕНТАЦИИ ПОЛЬЗОВАТЕЛЯ ПРОГРАММНОГО СРЕДСТВА автора Автор неизвестен


9.5.1. Нумерация

Из книги Linux для пользователя автора Костромин Виктор Алексеевич

9.5.1. Нумерация Сначала приведем дополнительные сведения о нумерации жестких дисков в системе Linux (табл. 9.3).Таблица 9.3. Нумерация жестких дисков Тип жесткого диска Старший номер Наименование устройства Младший номер Диск 1 Диск 2 IDE на 1 контроллере 22 /dev/hda и /dev/hdb 0 … 63 64 …


OID, их автоматическая генерация и перезагрузки

Из книги Документация NetAMS автора Автор неизвестен

OID, их автоматическая генерация и перезагрузки При создании конфигурационного файла, и при добавлении юнитов вручную oid можно не указывать. При этом значение oid генерируется автоматически, так что если набрать show config, значения oid выставятся каким–то случайным образом.


Автоматическая выгрузка DLL-файлов

Из книги Тонкости реестра Windows Vista. Трюки и эффекты автора Клименко Роман Александрович

Автоматическая выгрузка DLL-файлов С помощью реестра можно включить автоматическую выгрузку DLL-файлов. Ее целесообразность обусловлена тем, что интервал времени, через который оболочка Windows выгружает неиспользуемые DLL-файлы, может быть достаточно большим (например, при


Автоматическая проверка

Из книги Word 2007.Популярный самоучитель автора Краинский И

Автоматическая проверка При автоматическом контроле орфографии и грамматики Word проверяет в тексте ошибки непосредственно при наборе. В таком случае сразу после того, как слово или предложение набрано, видно, допущена ошибка или нет: программа подчеркивает слова,


Нумерация страниц

Из книги TCP/IP Архитектура, протоколы, реализация (включая IP версии 6 и IP Security) автора Фейт Сидни М

Нумерация страниц Если документ состоит более чем из двух страниц, перед распечаткой желательно пронумеровать страницы. Таким образом в нем будет гораздо легче ориентироваться. Для некоторых типов документов, например научных работ, нумерация является


10.3.1 Нумерация и подтверждение

Из книги 500 лучших программ для Windows автора Уваров Сергей Сергеевич

10.3.1 Нумерация и подтверждение Для обеспечения надежной пересылки данных в TCP используются нумерация (numbering) и подтверждение (acknowledgment — ACK). Схема нумерации TCP несколько необычна: каждый пересылаемый по соединению октет рассматривается как имеющий порядковый номер.


Автоматическая смена обоев

Из книги Описание работы пакета OOoFBTools Создание книг FB2 автора Кузнецов Вадим

Автоматическая смена обоев Украсить Рабочий стол, не устанавливая специальные программы для визуализации интерфейса, можно стандартными обоями. Используя для этого высококачественные изображения, можно фактически каждый день изменять внешний вид своего Рабочего


II. Автоматическая корректировка текста

Из книги Технология XSLT автора Валиков Алексей Николаевич

II. Автоматическая корректировка текста Для корректировки текста можно использовать либо интерактивные инструменты (см. ниже), либо – автоматические. Рассмотрим их подробнее.


Нумерация

Из книги Linux: Полное руководство автора Колисниченко Денис Николаевич

Нумерация Нумерация, несомненно, является одной из самых естественных проблем, решаемых при помощи XSLT. Задача нумерации состоит в том, чтобы, исходя из позиции обрабатываемого узла в дереве документа, вычислить по заданным критериям его порядковый номер. В качестве


11.4. Автоматическая установка Windows Vista

Из книги 1С: Бухгалтерия 8.2. Понятный самоучитель для начинающих автора Гладкий Алексей Анатольевич

11.4. Автоматическая установка Windows Vista Пакет Windows AIKЕсли вам приходилось устанавливать одну и ту же операционную систему на несколько компьютеров, то вам, вероятно, надоедало постоянно отвечать на одни и те же вопросы. Windows Vista имеет специальные средства для установки


Автоматическая серия писем клиенту

Из книги Недокументированные и малоизвестные возможности Windows XP автора Клименко Роман Александрович

Автоматическая серия писем клиенту Продать что-то клиенту, который увидит ваше предложение несколько раз, гораздо легче, чем клиенту, который впервые зашел на ваш сайт и покинул его навсегда.Чтобы получить возможность работать с клиентом даже после того, как он уйдет с


Автоматическая дефрагментация

Из книги Цифровая фотография. Трюки и эффекты автора Гурский Юрий Анатольевич

Автоматическая дефрагментация Одним из нововведений Windows XP является автоматическая дефрагментация файловой системы при простое компьютера в течение определенного промежутка времени (10-30 минут). При этом по умолчанию также выполняется дефрагментация загрузочного


4.5. Автоматическая, полуавтоматическая и ручная установка экспозиции

Из книги автора

4.5. Автоматическая, полуавтоматическая и ручная установка экспозиции Автоматический режим (Auto) используется для моментальной съемки «навскидку». Фотограф лишь наводит камеру на объект. При этом в некоторых моделях фотоаппаратов требуется выбрать фокусное расстояние, а