Функция counter()
Пример
Создайте счетчик для страницы (в селекторе body). Увеличивайте значение счетчика для каждого <h2> и добавьте текст "Раздел< значение счетчика>:" перед каждым элементом <h2>:
body {
counter-reset: section;
}
h2::before {
counter-increment: section;
content: "Section " counter(section) ": ";
}
Попробуйте сами »
Определение counter()
Функция counter()
возвращает текущее значение именованного счетчика в виде строки.
Версия: | CSS3 |
---|
Поддержка браузера counter()
Функция | |||||
---|---|---|---|---|---|
counter() | Да | Да | Да | Да | Да |
CSS Синтаксис counter()
counter(countername,
counterstyle)
Значение | Описание |
---|---|
countername | Необходимый. Имя счетчика (это то же имя, которое используется для свойств счетчика-сброса и счетчика-инкремента). |
counterstyle | Необязательный. Стиль счетчика (может быть значение list-style-type) |
Ещё примеры counter()
Пример
Установить стиль счетчика:
body {
counter-reset: section;
}
h2::before {
counter-increment: section;
content: "Section " counter(section,
upper-roman) ": ";
}
Попробуйте сами »
Похожие страницы counter()
CSS справочник: content свойство
CSS справочник: counter-increment свойство
CSS справочник: counter-reset свойство