CSSImportRule: `layerName`-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Die schreibgeschützte layerName-Eigenschaft des CSSImportRule-Interfaces gibt den Namen der Kaskadenschicht zurück, die durch die @import-at-rule erstellt wurde.
Wenn die erstellte Schicht anonym ist, ist der zurückgegebene String leer (""); wenn keine Schicht erstellt wurde, ist es das null-Objekt.
Wert
Ein String, der leer sein kann, oder das null-Objekt.
Beispiele
Das einzige Stylesheet des Dokuments enthält drei @import-Regeln. Die erste Deklaration importiert ein Stylesheet in eine benannte Schicht. Die zweite Deklaration importiert ein Stylesheet in eine anonyme Schicht. Die dritte Deklaration importiert ein Stylesheet ohne Schichtdeklaration.
Die layerName-Eigenschaft gibt den Namen der Schicht zurück, die mit dem importierten Stylesheet verbunden ist.
@import url("style1.css") layer(layer-1);
@import url("style2.css") layer;
@import url("style3.css");
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].layerName); // returns `"layer-1"`
console.log(myRules[1].layerName); // returns `""` (an anonymous layer)
console.log(myRules[2].layerName); // returns `null`
Spezifikationen
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-cssimportrule-layername |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Lernbereich: Kaskadenschichten
@importund@layer