CSSImportRule
Базовая поддержка Широко доступно *
Эта функция хорошо устоялась и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
* Некоторые части этой функции могут иметь разный уровень поддержки.
Свойства экземпляра
Наследует свойства от своего предка CSSRule.
-
CSSImportRule.hrefТолько для чтения -
Возвращает URL, указанный в правиле
@import. -
CSSImportRule.layerNameТолько для чтения -
Возвращает имя каскадного слоя, объявленного в правиле
@import, пустую строку, если слой анонимный, илиnullесли правило не объявляет никакого. CSSImportRule.media-
Возвращает значение атрибута
mediaсвязанного стилизованного файла. -
CSSImportRule.styleSheetТолько для чтения -
Возвращает связанный стилизованный файл.
-
CSSImportRule.supportsTextТолько для чтения -
Возвращает условие поддержки, указанное в правиле
@import.
Методы экземпляра
Наследует методы от своего предка CSSRule.
Примеры
Документ содержит один стилизованный файл, который содержит одно правило @import. Поэтому первым элементом в списке правил CSS будет CSSImportRule.
@import url("style.css") screen;
const myRules = document.styleSheets[0].cssRules; console.log(myRules[0]); // A CSSImportRule instance object
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
CSSImportRule |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
href |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
layerName |
99 | 99 | 97 | 85 | 15.4 | 99 | 97 | 68 | 15.4 | 18.0 | 99 |
media |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
styleSheet |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
supportsText |
121 | 121 | 114 | 107 | 17.5 | 121 | 114 | 81 | 17.5 | 25.0 | 121 |
© 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/CSSImportRule