CSSImportRule: supportsText-Eigenschaft
Baseline 2024Newly 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-At-Regel spezifiziert ist.
Wert
Ein String oder null.
Beispiele
Das einzelne 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 At-Regel verknüpft sind.
@import url("style1.css") supports(display: flex);
@import url("style2.css") supports(selector(p:has(a)));
@import url("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 |