CSSLayerBlockRule

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

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

CSSLayerBlockRule представляет собой правило блока @layer.

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

Наследует свойства от предков CSSGroupingRule и CSSRule.

CSSLayerBlockRule.name Только для чтения
- Строка, содержащая имя связанного каскадного слоя.

Методы экземпляра

Наследует методы от предков CSSGroupingRule и CSSRule.

Примеры

HTML

<p>I am displayed in <code>color: rebeccapurple</code>.</p>

CSS

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

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 CSSLayerBlockRule

item.textContent = `The CSSLayerBlockRule is for the "${layer.name}" layer`;

Результат

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

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

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

	Рабочие столы					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`CSSLayerBlockRule`	99	99	97	85	15.4	99	97	68	15.4	18.0	99
`name`	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/CSSLayerBlockRule