CSSImportRule: media 屬性

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

CSSImportRule 介面中只讀的 media 屬性返回一個 MediaList 物件，該物件包含關聯樣式表的 media 屬性的值。

值

返回一個 MediaList 物件。

可以透過傳遞一個包含 media 屬性的字串來設定 media 的值；例如 "print"。

以下樣式表包含單個 @import 規則。因此，CSS 規則列表中的第一項將是 CSSImportRule。media 屬性返回一個 MediaList 物件。它包含 mediaText 屬性，值為 screen。

css

@import "style.css" screen;

const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].media); // A MediaList

要更改關聯樣式表的 media 屬性，請將 media 的值設定為包含新值的字串。

const myRules = document.styleSheets[0].cssRules;
myRules[0].media = "print";

規範
CSS 物件模型 (CSSOM) # dom-cssimportrule-media

此頁面最後修改於 2025年8月5日，由 MDN 貢獻者修改。