Spec-Zone.ru › Web APIs

CSSLayerStatementRule: свойство nameList

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

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

  • Узнать больше
  • Полная совместимость
  • Отправить отзыв

Только для чтения nameList свойство интерфейса CSSLayerStatementRule возвращает список имен связанных каскадных слоев. Имена нельзя изменить.

Значение

A Array массив строк, каждая из которых представляет каскадный слой, представленный правилом объявления @layer.

Примеры

HTML

<div></div>

CSS

@layer layerName, layerName2;

@layer layerName3 {
  div {
    font-family: serif;
  }
}

JavaScript

const item = document.getElementsByTagName("div")[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 layerStatementRule = rules[0]; // A CSSLayerStatementRule
const layerBlockRule = rules[1]; // A CSSLayerBlockRule; no nameList property.

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

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

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

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

Рабочий стол Мобильные
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet WebView Android
nameList 99 99 97 85 15.4 99 97 68 15.4 18.0 99

См. также

  • CSSLayerBlockRule.name
  • @layer
  • Правило объявления @layer для именованных слоёв

© 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/nameList

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API