Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
CSSSupportsRule
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2015 browserübergreifend verfügbar.
Das CSSSupportsRule-Interface repräsentiert eine einzelne CSS @supports At-Regel.
Instanzeigenschaften
Erbt Eigenschaften von seinen Vorfahren CSSConditionRule, CSSGroupingRule und CSSRule.
Instanzmethoden
Erbt Methoden von seinen Vorfahren CSSConditionRule, CSSGroupingRule und CSSRule.
Beispiele
Das CSS enthält eine CSS-Feature-Abfrage mit der @supports At-Regel, die eine Stilregel enthält. Dies wird die erste CSSRule sein, die von document.styleSheets[0].cssRules zurückgegeben wird.
myRules[0] gibt daher ein CSSSupportsRule-Objekt zurück.
@supports (display: grid) {
body {
color: blue;
}
}
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // a CSSSupportsRule representing the feature query.
Spezifikationen
| Spezifikation |
|---|
| CSS Conditional Rules Module Level 3 # the-csssupportsrule-interface |
Browser-Kompatibilität
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.