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 }

Данный текст является ознакомительным фрагментом.



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

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

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

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

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


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

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

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


9.5.1. Нумерация

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


Нумерация

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

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


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

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

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


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

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

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


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

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

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