CSSRule

Базовая поддержка Широко доступна

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с сентября 2015 года.

Интерфейс CSSRule представляет собой одно CSS-правило. Существует несколько типов правил, которые наследуют свойства от CSSRule.

Свойства экземпляра

Интерфейс CSSRule определяет свойства, общие для всех правил, а свойства, уникальные для определенных типов правил, указаны в более специализированных интерфейсах для соответствующих типов этих правил.

CSSRule.cssText: Представляет текстовое представление правила, например, "h1,h2 { font-size: 16pt }" или "@import 'url'". Для доступа к частям правила (например, значению "font-size" в примере) используйте свойства специализированного интерфейса для типа правила (см. выше).
CSSRule.parentRule Только для чтения: Возвращает содержащее правило, в противном случае null. Например, если это правило является правилом стиля внутри блока @media, родительским правилом будет это CSSMediaRule.
CSSRule.parentStyleSheet Только для чтения: Возвращает объект CSSStyleSheet таблицы стилей, которая содержит это правило.
CSSRule.type Только для чтения Устаревший: Возвращает одну из констант типа, чтобы определить, какой тип правила представлен.

Примеры

Ссылки на CSSRule можно получить, посмотрев список cssRules в CSSStyleSheet.

let myRules = document.styleSheets[0].cssRules; // Returns a CSSRuleList
console.log(myRules);

Спецификации

Спецификация
CSS Object Model (CSSOM) # the-cssrule-interface

Совместимость браузеров

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`CSSRule`	1	12	1	≤12.1	1	18	4	≤12.1	1	1.0	4.4
`cssText`	1	12	1	≤12.1	1	18	4	≤12.1	1	1.0	4.4
`parentRule`	1	12	1	≤12.1	1	18	4	≤12.1	1	1.0	4.4
`parentStyleSheet`	1	12	1	≤12.1	1	18	4	≤12.1	1	1.0	4.4
`type`	1	12	1	≤12.1	1	18	4	≤12.1	1	1.0	4.4

См. также

Использование динамической информации о стилях

© 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/CSSRule