Функция CSS `layer()`
Базовая поддержка Широко доступна
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в различных версиях браузеров. Она доступна во всех браузерах с марта 2022 года.
layer() CSS — функция, которая используется вместе с @import at-правилом, чтобы поместить импортируемый ресурс в отдельный именованный слой каскада.
Синтаксис
@import url layer(layer-name); @import "dark.css" layer(framework.themes.dark);
framework.themes.dark — это слой, в который будет импортирован CSS-файл.
Формальный синтаксис
layer() = layer( <layer-name> )
Спецификации
| Спецификация |
|---|
| CSS Cascading and Inheritance Level 5 # layering |
Совместимость с браузерами
| Компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome для Android | Firefox для Android | Opera для Android | Safari для iOS | Samsung Internet | WebView для Android | WebView для iOS | |
layer |
99 |
99 |
97 |
85 |
15.4 |
99 |
97 |
68 |
15.4 |
18.0 |
99 |
15.4 |
См. также
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@import/layer_function
