CSSImportRule: supportsText-Eigenschaft
Baseline
2024
Newly available
Since May 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Die schreibgeschützte supportsText-Eigenschaft des CSSImportRule-Interfaces gibt die Support-Bedingung zurück, die durch die @import-@-Regel angegeben ist.
Wert
Ein String oder null.
Beispiele
Das einzige 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 Support-Bedingung.
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
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-cssimportrule-supportstext |
Browser-Kompatibilität
Loading…