Правило CSS @counter-style

  • Предыдущая страница counter-set
  • Следующая страница cursor

Определение и использование

CSS @counter-style Правила используются для определения пользовательского стиля счетчика.

Когда предопределенный стиль не соответствует требованиям:@counter-style Правила позволяют определить свой стиль счетчика.

Пример

Укажите пользовательский стиль счетчика списка:

@counter-style crown {
  system: cyclic;
  symbols: "\1F451";
  suffix: " ";
}
ul {
  list-style: crown;
}

Пробуйте лично

Грамматика CSS

@counter-style countername {
  один или несколько описателей
}

Значение атрибута

Значение Описание
countername

Определяет чувствительность к регистру имен стиля счетчика.

Примечание: имя счетчика не может быть: none, decimal, disc, square, circle, disclosure-open или disclosure-closed.
system

Определяет алгоритм, который преобразует целое значение счетчика в строку.

Необходимо, если system установлен в cyclic, numeric, alphabetic, symbolic или fixed,则需要 описатель symbols.

Необходимо, если system установлен в additive,则需要 описатель additive-symbols.
symbols

Определяет символы, используемые для маркеров (они могут быть строками, изображениями или пользовательскими идентификаторами).

Необходимо, если описатель system установлен в cyclic, numeric, alphabetic, symbolic или fixed.

Символы HTML UTF-8.
additive-symbols

Определяет добавочные пары системы.

Системы добавления счетчиков (например, римские цифры) состоят из серии加权 символов.

Список символов счетчика, отсортированных по权重у в порядке убывания, и их неотрицательных целых весов.

Необходимо, если описатель system установлен в additive.
negative Определяет префикс или суффикс, который должен быть добавлен к маркеру, когда значение отрицательное.
prefix Определяет префикс, который должен быть добавлен к маркеру.
suffix Определяет суффикс, который должен быть добавлен к маркеру.
range

Определяет диапазон значений стиля счетчика.

Если значение счетчика выходит за пределы диапазона, то возвращается к его резервному стилю.
pad

Если маркер обозначает, что он должен иметь минимальную длину, то используйте этот описатель.

Например, если вы хотите, чтобы счетчик начинался с 01 и затем был 02, 03, 04 и т.д., используйте описатель pad.

Для счетчиков, значение которых превышает указанное значение pad, маркер будет обычно строиться.
speak-as

Определяет, как синтезатор речи должен читать стиль счетчика.

Например, для упорядоченного списка, читается как цифры или буквы; для неупорядоченного списка, читается как аудиопредупреждение.
fallback

Определяет имя счетчика, к которому возвращается, если система не может создать маркер или выходит за указанный диапазон.

Если не описан резервный счетчик или резервная система не может представить значение счетчика, то возвращается к десятичному стилю.

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает это @ правило.

Chrome Edge Firefox Safari Opera
91 91 33 17 77
  • Предыдущая страница counter-set
  • Следующая страница cursor