fallback

Базовая линия 2023

Новое

С сентября 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 также используется, когда используется fixed system, и нет достаточно символов для покрытия всех элементов списка; стиль fallback используется для представления всех значений, выходящих за пределы фиксированной системы. Во всех этих случаях, и в любом другом случае, когда определённый счётчик не может создать определённое значение счётчика, используется стиль fallback.

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

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

Связанное правило правило	`@counter-style`
Начальное значение	`decimal`
Вычисленное значение	как указано

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

fallback = 
  <counter-style-name>

Примеры

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

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 for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`fallback`	91	91	33	77	17	91	33	64	17	16.0	91

См. также

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

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