В счетчиках мало пользы, если вы не показываете их значения в своих документах. Вывод значений не происходит автоматически. Чтобы в документе появился счетчик, вызовите функции counter() и counters(), которые являются специальными значениями свойства content.

Для функции значения counter() вы должны указать в скобках имя счетчика и при желании спецификацию формата. Броузер выведет значение указанного счетчика в составе генерируемого содержимого в заданном формате. Форматом может быть любой списковый формат, принимаемый свойством list-style-type.

Чтобы вывести на экран номера глав и разделов в нашем примере, расширим стилевые правила для элементов <h1> и <h2>:

h1:before { counter-increment : chapter;
counter-reset : section;
content : «Chapter » counter(chapter) «: » }
h2:before { counter-increment : section;
content : «Section » counter(section) «: «}

Теперь, когда броузер, поддерживающий CSS2, встретит в документе элемент:

<h1>Kumquat Growers</h1>

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

h1:before { counter-increment : chapter;
counter-reset : section;
content : «Chapter » counter(chapter, upper-roman) «: » }
h2:before { counter increment : section;
content : «Section » counter(section, lower-roman) «: «}

Значение counter() определяет значение счетчика на текущем уровне вложенности. Чтобы получить значения одноименных счетчиков на всех уровнях вложенности, воспользуйтесь функцией значением counters(). В скобках укажите имя счетчика и разделительную строку. Броузер выведет эту строку между списками значений счетчика. Кроме того, вы можете указать формат нумерации, отличный от принятого по умолчанию.

Значение counters() особенно полезно при создании вложенных нумерованных списков. Рассмотрим следующие свойства:

ol { counter-reset: item }
li:before { counter-increment: item ;
content: counters(item, «.») }

Если вы вложите друг в друга несколько элементов <ol>, каждый элемент <li> будет содержать значения счетчиков, разделенные точками. Это соответствует распространенному способу нумерации разделов 1, 1.1, 1.1.1 и т. д.