Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
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.
Wert
Ein String, der den Namen der Schicht enthält, oder "", wenn die Schicht anonym ist.
Beispiele
HTML
html
<output></output> <output></output>
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 einCSSLayerStatementRuledargestellt. - Anleitung zum Erstellen benannter Kaskadenschichten in CSS.