CSSLayerBlockRule: name-Eigenschaft

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit März 2022 browserübergreifend verfügbar.

Die schreibgeschützte name-Eigenschaft der CSSLayerBlockRule-Schnittstelle repräsentiert den Namen der zugehörigen Kaskadenschicht.

In diesem Artikel

Wert

Ein String, der den Namen der Schicht enthält, oder "", wenn die Schicht anonym ist.

Beispiele

HTML

html

CSS

css
output {
  display: block;
}

@layer special {
  div {
    color: rebeccapurple;
  }
}

@layer {
  div {
    color: black;
  }
}

JavaScript

js
const item1 = document.getElementsByTagName("output")[0];
const item2 = document.getElementsByTagName("output")[1];
const rules = document.getElementById("css-output").sheet.cssRules;

const layer = rules[1]; // A CSSLayerBlockRule
const anonymous = rules[2]; // An anonymous CSSLayerBlockRule

item1.textContent = `The first CSSLayerBlockRule defines the "${layer.name}" layer.`;
item2.textContent = `A second CSSLayerBlockRule defines a layer with the following name: "${anonymous.name}".`;

Ergebnis

Spezifikationen

Spezifikation

CSS Cascading and Inheritance Level 5
# dom-csslayerblockrule-name

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Siehe auch

Die Deklaration einer @layer-Anweisung wird durch ein CSSLayerStatementRule dargestellt.
Anleitung zum Erstellen benannter Kaskadenschichten in CSS.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

CSS Object Model (CSSOM)
CSSLayerBlockRule
Instanzeigenschaften
1. name
Vererbung
1. CSSGroupingRule
2. CSSRule
Verwandte Seiten für CSSOM
Anleitungen
1. CSS Declaration
2. CSS-Deklarationsblock
3. Bestimmung der Dimensionen von Elementen
4. Verwaltung der Bildschirmorientierung
5. Verwenden dynamischer Styling-Informationen
6. CSS-Wertserialisierung