CSSImportRule: supportsText-Eigenschaft
Baseline
2024
Neu verfügbar
Seit May 2024 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
Die schreibgeschützte supportsText-Eigenschaft der CSSImportRule-Schnittstelle gibt die Unterstützungsbedingung zurück, die durch die @import-@-Regel angegeben wird.
Wert
Ein String oder null.
Beispiele
Das Stylesheet des Dokuments enthält drei @import-Regeln. Die erste Deklaration importiert ein Stylesheet, wenn display: flex unterstützt wird. Die zweite Deklaration importiert ein Stylesheet, wenn der :has-Selektor unterstützt wird. Die dritte Deklaration importiert ein Stylesheet ohne eine Unterstützungsbedingung.
Die supportsText-Eigenschaft gibt die Importbedingungen zurück, die mit der @-Regel verknüpft sind.
@import "style1.css" supports(display: flex);
@import "style2.css" supports(selector(p:has(a)));
@import "style3.css";
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].supportsText); // returns `"display: flex"`
console.log(myRules[1].supportsText); // returns `"selector(p:has(a))"`
console.log(myRules[2].supportsText); // returns `null`
Spezifikationen
| Spezifikation |
|---|
| CSS Object Model (CSSOM) # dom-cssimportrule-supportstext |