🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Доступно в Baseline в статусе «Newly Available» c 2023-12-11.

Свойство counter-set в CSS позволяет создавать счётчики, которые можно использовать для нумерации элементов, например заголовков или списков. Оно задаёт значение счётчика или устанавливает его в начало для последующего увеличения. Это удобно для автоматической нумерации страниц, разделов или пунктов без добавления лишних элементов.

Пример использования:

h1 {
  counter-reset: sections 0;
}
h2 {
  counter-increment: sections;
}
h2::before {
  content: "Раздел " counter(sections) ": ";
}

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.