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-Regel erstellt wird.
Wenn die erstellte Schicht anonym ist, ist der 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 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 eine 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