CSSCounterStyleRule: additiveSymbols 속성

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 인터페이스의 additiveSymbols 속성은 additive-symbols 설명자의 값을 호출하거나 지정합니다. 만일 설명자에 지정된 값이 없다면, 이 속성은 빈 문자열을 반환합니다.

값

문자열입니다.

다음 예제는 @counter-style 의 규칙을 보여줍니다. JavaScript에서, myRules[0] 은 이 @counter-style 규칙이며, additiveSymbols 를 반환하면 " V 5, IV 4, I 1" 값을 얻을 수 있게 됩니다.

css

@counter-style additive-symbols-example {
  system: additive;
  additive-symbols:
    V 5,
    IV 4,
    I 1;
}

let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].additiveSymbols); // " V 5, IV 4, I 1"

Specification
CSS Counter Styles Level 3 # dom-csscounterstylerule-additivesymbols

This page was last modified on ⁨2024년 5월 27일⁩ by MDN contributors.