CSSCounterStyleRule
Baseline
2023
Newly available
Since â¨September 2023â©, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
CSSCounterStyleRule ã¤ã³ã¿ã¼ãã§ã¤ã¹ã¯ @counter-style ã¢ããã«ã¼ã«ã表ãã¾ãã
ã¤ã³ã¹ã¿ã³ã¹ããããã£
ãã®ã¤ã³ã¿ã¼ãã§ã¤ã¹ã«ã¯è¦ªã§ãã CSSRule ããç¶æ¿ããããããã£ãããã¾ãã
CSSCounterStyleRule.name-
æååãªãã¸ã§ã¯ãã§ãé¢é£ããã«ã¼ã«ã®
nameã¨ãã¦å®ç¾©ããã¦ãã<custom-ident>ãã·ãªã¢ã©ã¤ãºããããã®ã§ãã CSSCounterStyleRule.system-
æååãªãã¸ã§ã¯ãã§ãé¢é£ããã«ã¼ã«ã§å®ç¾©ããã
systemè¨è¿°åãã·ãªã¢ã©ã¤ãºããããã®ã§ããè¨è¿°åãé¢é£ããã«ã¼ã«ã§æå®ããã¦ããªãå ´åããã®å±æ§ã¯ç©ºæååãè¿ãã¾ãã CSSCounterStyleRule.symbols-
æååãªãã¸ã§ã¯ãã§ãé¢é£ããã«ã¼ã«ã§å®ç¾©ããã
symbolsè¨è¿°åãã·ãªã¢ã©ã¤ãºããããã®ã§ããè¨è¿°åãé¢é£ããã«ã¼ã«ã§æå®ããã¦ããªãå ´åããã®å±æ§ã¯ç©ºæååãè¿ãã¾ãã CSSCounterStyleRule.additiveSymbols-
æååãªãã¸ã§ã¯ãã§ãé¢é£ããã«ã¼ã«ã§å®ç¾©ããã
additive-symbolsè¨è¿°åãã·ãªã¢ã©ã¤ãºããããã®ã§ããè¨è¿°åãé¢é£ããã«ã¼ã«ã§æå®ããã¦ããªãå ´åããã®å±æ§ã¯ç©ºæååãè¿ãã¾ãã CSSCounterStyleRule.negative-
æååãªãã¸ã§ã¯ãã§ãé¢é£ããã«ã¼ã«ã§å®ç¾©ããã
negativeè¨è¿°åãã·ãªã¢ã©ã¤ãºããããã®ã§ããè¨è¿°åãé¢é£ããã«ã¼ã«ã§æå®ããã¦ããªãå ´åããã®å±æ§ã¯ç©ºæååãè¿ãã¾ãã CSSCounterStyleRule.prefix-
æååãªãã¸ã§ã¯ãã§ãé¢é£ããã«ã¼ã«ã§å®ç¾©ããã
prefixè¨è¿°åãã·ãªã¢ã©ã¤ãºããããã®ã§ããè¨è¿°åãé¢é£ããã«ã¼ã«ã§æå®ããã¦ããªãå ´åããã®å±æ§ã¯ç©ºæååãè¿ãã¾ãã CSSCounterStyleRule.suffix-
æååãªãã¸ã§ã¯ãã§ãé¢é£ããã«ã¼ã«ã§å®ç¾©ããã
suffixè¨è¿°åãã·ãªã¢ã©ã¤ãºããããã®ã§ããè¨è¿°åãé¢é£ããã«ã¼ã«ã§æå®ããã¦ããªãå ´åããã®å±æ§ã¯ç©ºæååãè¿ãã¾ãã CSSCounterStyleRule.range-
æååãªãã¸ã§ã¯ãã§ãé¢é£ããã«ã¼ã«ã§å®ç¾©ããã
rangeè¨è¿°åãã·ãªã¢ã©ã¤ãºããããã®ã§ããè¨è¿°åãé¢é£ããã«ã¼ã«ã§æå®ããã¦ããªãå ´åããã®å±æ§ã¯ç©ºæååãè¿ãã¾ãã CSSCounterStyleRule.pad-
æååãªãã¸ã§ã¯ãã§ãé¢é£ããã«ã¼ã«ã§å®ç¾©ããã
padè¨è¿°åãã·ãªã¢ã©ã¤ãºããããã®ã§ããè¨è¿°åãé¢é£ããã«ã¼ã«ã§æå®ããã¦ããªãå ´åããã®å±æ§ã¯ç©ºæååãè¿ãã¾ãã CSSCounterStyleRule.speakAs-
æååãªãã¸ã§ã¯ãã§ãé¢é£ããã«ã¼ã«ã§å®ç¾©ããã
speak-asè¨è¿°åãã·ãªã¢ã©ã¤ãºããããã®ã§ããè¨è¿°åãé¢é£ããã«ã¼ã«ã§æå®ããã¦ããªãå ´åããã®å±æ§ã¯ç©ºæååãè¿ãã¾ãã CSSCounterStyleRule.fallback-
æååãªãã¸ã§ã¯ãã§ãé¢é£ããã«ã¼ã«ã§å®ç¾©ããã
fallbackè¨è¿°åãã·ãªã¢ã©ã¤ãºããããã®ã§ããè¨è¿°åãé¢é£ããã«ã¼ã«ã§æå®ããã¦ããªãå ´åããã®å±æ§ã¯ç©ºæååãè¿ãã¾ãã
ã¤ã³ã¹ã¿ã³ã¹ã¡ã½ãã
ãã®ã¤ã³ã¿ã¼ãã§ã¤ã¹ã¯ç¬èªã®ã¡ã½ãããå®è£
ãã¦ãã¾ãããã親ã§ãã CSSRule ããç¶æ¿ããã¡ã½ãããããã¾ãã
ä»æ§æ¸
| Specification |
|---|
| CSS Counter Styles Level 3 # the-csscounterstylerule-interface |
ãã©ã¦ã¶ã¼ã®äºææ§
é¢é£æ å ±
@counter-style- CSS ã«ã¦ã³ã¿ã¼ã¹ã¿ã¤ã«ã¢ã¸ã¥ã¼ã«