CSSLayerStatementRule

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 CSSLayerStatementRule repräsentiert eine @layer Anweisungsregel. Im Gegensatz zu CSSLayerBlockRule enthält sie keine weiteren Regeln und definiert lediglich eine oder mehrere Ebenen, indem deren Namen angegeben werden.

Diese Regel ermöglicht es, die Reihenfolge der Ebenen explizit zu deklarieren, die zu Beginn einer CSS-Datei offensichtlich ist: Die Reihenfolge der Ebenen wird durch das erste Auftreten jedes Ebenennamens bestimmt. Durch das Deklarieren mit einer Anweisung kann der Leser die Ebenenreihenfolge verstehen. Es ermöglicht auch das Ineinanderfügen von inline und importierten Ebenen, was bei Verwendung der CSSLayerBlockRule-Syntax nicht möglich ist.

CSSRule CSSLayerStatementRule

In diesem Artikel

Instanzeigenschaften

Erbt auch Eigenschaften von ihrer übergeordneten Schnittstelle CSSRule.

CSSLayerStatementRule.nameList Schreibgeschützt
- Ein Array von String-Elementen, das den Namen jeder Kaskadenschicht durch die Regel darstellt.

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

const layer = rules[0]; // A CSSLayerStatementRule

item.textContent = `The CSS @layer statement declares the following layers: ${layer.nameList.join(
  ", ",
)}.`;

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)
CSSLayerStatementRule
Instanzeigenschaften
1. nameList
Vererbung
1. 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

CSSLayerStatementRule

In diesem Artikel

Instanzeigenschaften

Beispiele

HTML

CSS

JavaScript

Ergebnis

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN