CSS броячи - CSS, MDN

Преводът не е завършен. Моля, помогнете с превода на тази статия от английски.

Стойността на брояча се нулира (инициализира) с нулиране на брояча.

counter-increment може да се покаже на страницата с помощта на функцията counter() или counters() на свойството content.

Използване на броячи

За да използвате CSS броячи, първо трябва да нулирате стойността им (0 по подразбиране). За да покажете стойността на брояч, използвайте функцията counter(). Следващият пример добавя елемент "Раздел:" в началото на всеки h3.

Вложени броячи

CSS броячите могат да бъдат много полезни за създаване на номерирани списъци, тъй като нов CSS обект на брояч се създава автоматично върху дъщерни елементи. С помощта на функцията counters() можете да вмъкнете низ между различни нива на вложени броячи. Пример:

Комбинирайте с дадения HTML:

Спецификации

Коментар за състоянието на спецификацията
CSS списъци Модул ниво 3 Дефиницията на „CSS броячи“ в тази спецификация.работен вариантБез промени
CSS ниво 2 (ревизия 1) Дефиницията на „CSS броячи“ в тази спецификация.Препоръкаоригинална дефиниция

Вижте също

Етикети на документи и участници

Принос към тази страница: mdnwebdocs-bot, moshenskyDV

Последна актуализация: mdnwebdocs-bot, 23 март 2019, 18:23:22

  1. CSS
  2. CSS документация
  3. CSS списъци и броячи
  4. Ръководства
  1. Съгласуван отстъп на списъка[Превод]
  2. CSS броячи
  • Свойства
  • CSS типът данни обозначава произволен потребител-дефиниран низ, използван като идентификатор. Регистърът е чувствителен и определени стойности са забранени в различни контексти, за да се предотврати двусмислието.">[Превод]
  • list-style[Превод]
  • list-style-image[Превод]
  • list-style-position[Превод]
  • list-style-type[Превод]
  • Благодаря ти! Моля, проверете входящата си кутия, за да потвърдите абонамента си.

    Ако преди това не сте потвърдили абонамента си за бюлетина на Mozilla, може да се наложи да го направите. Моля, проверете папката "Входящи" или "Спам" във вашата пощенска кутия, за да видите дали сте получили имейл от нас.