CSSImportRule: свойство media
Базовая линия Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.
Только для чтения media свойство интерфейса CSSImportRule возвращает объект MediaList, содержащий значение атрибута media связанного стилевого файла.
Значение
Возвращает объект MediaList.
Значение media может быть установлено путём передачи строки, содержащей атрибут media; например, "print".
Примеры
Получение свойства media
Следующий стилевой файл включает одно правило @import. Поэтому первым элементом в списке правил CSS будет CSSImportRule. Свойство media возвращает объект MediaList. Он включает свойство mediaText со значением screen.
@import url("style.css") screen;
let myRules = document.styleSheets[0].cssRules; console.log(myRules[0].media); //returns a MediaList
Установка свойства media
Чтобы изменить атрибут media связанного стилевого файла, установите значение media в строку с новым значением.
let myRules = document.styleSheets[0].cssRules; myRules[0].media = "print";
Спецификации
| Спецификация |
|---|
| CSS Object Model (CSSOM) # dom-cssimportrule-media |
Совместимость браузеров
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
media |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
© 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/media