Дескриптор CSS-правила `fallback`

Базовая поддержка Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она доступна во всех браузерах с сентября 2023 года.

Дескриптор fallback правила @counter-style позволяет указать стиль счётчика, который будет использоваться в качестве резервного, если определяемый стиль счётчика не может создать маркер для конкретного значения счётчика.

Синтаксис

/* Keyword values */
fallback: lower-alpha;
fallback: custom-gangnam-style;

Значение

Дескриптор принимает в качестве значения один <counter-style-name>:

<counter-style-name>: Задаёт имя резервного стиля счётчика: это либо регистрозависимое <custom-ident> пользовательского CSS-стиля счётчика (без кавычек), либо регистронезависимое значение свойства list-style-type, например decimal, disc и так далее.

Если значение не указано, резервным стилем счётчика по умолчанию становится decimal.

Описание

Стиль счётчика, заданный в качестве значения дескриптора fallback, используется, если для стиля счётчика задан дескриптор range; стиль fallback используется для представления всех значений, выходящих за пределы указанного диапазона. Стиль fallback также используется, если применяется дескриптор system fixed и символов недостаточно для всех элементов списка; стиль fallback используется для представления всех значений, выходящих за пределы фиксированной системы. В обоих этих случаях, а также в любой другой ситуации, когда определённый счётчик не может создать представление для конкретного значения счётчика, используется стиль fallback.

Если указанный резервный стиль также не может создать представление, используется значение fallback этого резервного счётчика. Если резервный стиль этого стиля тоже не может создать представление, используется резервный стиль для него. Этот переход к резервным стилям продолжается, пока не будет найден стиль, способный создать представление счётчика. Если ни одно значение fallback резервного стиля не может создать представление — если для резервного стиля не задано значение fallback или если значение fallback не указано либо является недопустимым, — значение fallback по умолчанию становится decimal.

Формальное определение

Формальный синтаксис

Примеры

Указание резервного стиля счётчика

HTML

<ul class="list">
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five</li>
</ul>

CSS

@counter-style fallback-example {
  system: fixed;
  symbols: "\24B6" "\24B7" "\24B8";
  fallback: upper-alpha;
}

.list {
  list-style: fallback-example;
}

Результат

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

Спецификация
CSS Counter Styles Level 3 # counter-style-fallback

Совместимость с браузерами

	Настольные компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android	WebView на iOS
`fallback`	91	91	33	77	17	91	33	64	17	16.0	91	17

См. также

Другие дескрипторы @counter-style: system, symbols, additive-symbols, negative, prefix, suffix, range, pad и speak-as
list-style, list-style-image, list-style-position
symbols(): функциональная запись для создания анонимных стилей счётчиков

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@counter-style/fallback