CSSCounterStyleRule: свойство symbols
Базовая линия 2023
Новое свойство
Начиная с сентября 2023 года, эта функция работает на последних устройствах и версиях браузеров. Возможно, эта функция не будет работать на старых устройствах или браузерах.
Свойство symbols интерфейса CSSCounterStyleRule получает и устанавливает значение дескриптора symbols. Если у дескриптора нет установленного значения, это свойство возвращает пустую строку.
Значение
Строка.
Примеры
Следующий пример демонстрирует правило @counter-style. В JavaScript, myRules[0] это правило @counter-style, возвращающее symbols, что даст нам значение "◰ ◳ ◲ ◱".
@counter-style box-corner {
system: fixed;
symbols: ◰ ◳ ◲ ◱;
suffix: ": ";
negative: "-";
}
let myRules = document.styleSheets[0].cssRules; console.log(myRules[0].symbols); // "◰ ◳ ◲ ◱"
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
symbols |
91 | 91 | 33 | 77 | 17 | 91 | 33 | 64 | 17 | 16.0 | 91 |
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSCounterStyleRule/symbols