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

ਕੰਟੇਕਟਰ ਦੇ ਪੂਰਣ ਗਿਣਤੀ ਮੁੱਲ ਨੂੰ ਸਟਰਿੰਗ ਵਿੱਚ ਬਦਲਣ ਲਈ ਇਲਾਜ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋ。
ਜੇਕਰ 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

ਜਦੋਂ ਸਿਸਟਮ ਟੈਗ ਬਣਾਉਣ ਵਿੱਚ ਅਸਮਰੱਥ ਹੁੰਦਾ ਹੈ ਜਾਂ ਨਿਰਧਾਰਿਤ ਦਾਇਰੇ ਤੋਂ ਬਾਹਰ ਹੁੰਦਾ ਹੈ ਤਾਂ ਪ੍ਰਯਾਸ ਕੀਤੇ ਗਏ ਕੰਟੇਕਟਰ ਦਾ ਨਾਮ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋ。

ਜੇਕਰ ਬਦਲੀ ਕੰਟੇਕਟਰ ਜਾਂ ਬਦਲੀ ਸਿਸਟਮ ਕੰਟੇਕਟਰ ਦਾ ਮੁੱਲ ਪ੍ਰਦਰਸ਼ਿਤ ਨਹੀਂ ਕਰ ਸਕਦਾ ਤਾਂ ਡੈਸੀਮਲ ਸਟਾਈਲ ਵਾਪਸ ਕਰਨ ਦਾ ਪ੍ਰਯਾਸ ਕਰੋ。

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਬਰਾਊਜ਼ਰਾਂ ਦੇ ਪਹਿਲੇ ਸਮਰਥਨ ਸ਼ਾਮਲ ਕਰਨ ਵਾਲੇ @ ਰੂਲ ਦੇ ਪੈਰਾਮੀਟਰ ਵਾਲੇ ਨੰਬਰਾਂ ਦਾ ਵੇਰਵਾ ਟੇਬਲ ਵਿੱਚ ਦਿੱਤਾ ਗਿਆ ਹੈ。

ਚਰੋਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
91 91 33 17 77