CSSLayerStatementRule

Базовая Широко поддерживается

Эта функция хорошо установлена и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с марта 2022 года.

CSSLayerStatementRule представляет собой правило объявления @layer. В отличие от CSSLayerBlockRule, оно не содержит других правил и просто определяет один или несколько слоёв, указав их названия.

Это правило позволяет явно объявить порядок слоёв, который очевиден в начале файла CSS: порядок слоёв определяется порядком первого появления каждого имени слоя. Объявление их в виде правила позволяет читателю понять порядок слоёв. Также это позволяет вставлять и импортировать слои вперемешку, что невозможно при использовании синтаксиса CSSLayerBlockRule.

Свойства экземпляра

Также наследует свойства от родительского интерфейса, CSSRule.

CSSLayerStatementRule.nameList Только для чтения
- Массив строк, представляющих имя каждого каскадного слоя по правилу

Примеры

HTML

<p></p>

CSS

@layer layerName, layerName2;

JavaScript

const item = document.getElementsByTagName("p")[0];
const rules = document.styleSheets[1].cssRules;
// Note that stylesheet #1 is the stylesheet associated with this embedded example,
// while stylesheet #0 is the stylesheet associated with the whole MDN page

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

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

Результат

Спецификации

Спецификация
CSS Каскадирование и наследование, уровень 5 # csslayerstatementrule

Совместимость с браузерами

	Десктопные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`CSSLayerStatementRule`	99	99	97	85	15.4	99	97	68	15.4	18.0	99
`nameList`	99	99	97	85	15.4	99	97	68	15.4	18.0	99

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSLayerStatementRule