Spec-Zone.ru › Web APIs

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

Spec-Zone.ru

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