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 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
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-cssimportrule-supportstext |