CSSCounterStyleRule: symbols 속성

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

값

문자열입니다.

예제

다음 예제는 @counter-style 의 규칙을 보여줍니다. JavaScript에서, myRules[0] 은 이 @counter-style 규칙이며, symbols 를 반환하면 "◰ ◳ ◲ ◱" 값을 얻을 수 있습니다.

css
@counter-style box-corner {
  system: fixed;
  symbols: ◰ ◳ ◲ ◱;
  suffix: ": ";
  negative: "-";
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].symbols); // "◰ ◳ ◲ ◱"

명세서

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

브라우저 호환성

BCD tables only load in the browser