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 in der @import-@-Regel angegebene Bedingungen zurück.
Wert
Ein String oder null.
Beispiele
Das einzelne Stylesheet des Dokuments enthält drei @import-Regeln. Die erste Anweisung importiert ein Stylesheet, wenn display: flex unterstützt wird. Die zweite Anweisung importiert ein Stylesheet, wenn der :has-Selektor unterstützt wird. Die dritte Anweisung importiert ein Stylesheet ohne eine 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…