CSSSupportsRule

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

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

Интерфейс CSSSupportsRule представляет собой одно правило CSS @supports правило.

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

Наследует свойства от предков CSSConditionRule, CSSGroupingRule и CSSRule.

Методы экземпляра

Наследует методы от предков CSSConditionRule, CSSGroupingRule и CSSRule.

Примеры

CSS включает запрос к возможностям CSS с использованием @supports правила, содержащего одно правило стиля. Это будет первое правило CSSRule, возвращаемое document.styleSheets[0].cssRules. myRules[0] поэтому возвращает объект CSSSupportsRule.

@supports (display: grid) {
  body {
    color: blue;
  }
}

let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // a CSSSupportsRule representing the feature query.

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

Спецификация
CSS Conditional Rules Module Level 3 # the-csssupportsrule-interface

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`CSSSupportsRule`	28	12	22	12.1	9	28	22	1512.1–14	9	1.5	4.4

См. также

@supports

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