CSSImportRule: supportsText-Eigenschaft
Die schreibgeschützte supportsText-Eigenschaft des CSSImportRule-Interfaces gibt die Bedingung zurück, die durch die @import At-Regel angegeben wird.
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 Bedingung.
Die supportsText-Eigenschaft gibt die Importbedingungen zurück, die mit der At-Regel verknüpft sind.
css
@import url("style1.css") supports(display: flex);
@import url("style2.css") supports(selector(p:has(a)));
@import url("style3.css");
js
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
BCD tables only load in the browser