CSS @counter-style 规则

定义和用法

CSS @counter-style 规则用于定义自定义计数器样式。

当预定义的样式不符合需求时，@counter-style 规则允许您定义自己的计数器样式。

实例

为列表指定自定义计数器样式：

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

尝试亲自

CSS 语法

@counter-style countername {
  one or more descriptors
}

属性值

值 描述
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 描述符。

Kwa kifaa cha kinaonesha cha kinaonesha kilichopita thamani ya kifaa cha kinaonesha cha kinaonesha, taji lapelewea kama ni kinaonesha cha kinaonesha cha kinaonesha.
kinaonesha kama

Kufafanisha kinaonesha cha kinaonesha kama itakadai kinaonesha kifaa cha kinaonesha.

Kama, kwa orodha ya kidogo, inasoma namba au herufi; kwa orodha ya kinaonesha, inasoma nafasi ya kinaonesha.
kifaa cha kinaonesha cha kifaa cha kinaonesha

Kufafanisha jina la kifaa cha kinaonesha cha kifaa cha kinaonesha ikiwa jukwaa cha kinaonesha haliwezi kuanzisha taji au kichwa cha kinaonesha cha kinaonesha chakika na nafasi ya kinaonesha.

Ikiwa kinaonesha kifaa cha utafutaji au jukwaa cha utafutaji haliwezi kutoa thamani ya kifaa cha kinaonesha, kimaandiko ya taswira ya kifaa cha kinaonesha.

Mfano wa wasafiri

Maneno ya kifaa cha programu yana ukarabisha na mawili ya kufikiria kwa @ sheria hii ya kwanza kwa programu ya wasafiri.

Chrome Edge Firefox Safari Opera
91 91 33 17 77