CSSMediaRule: media 屬性

Baseline 已廣泛支援

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

CSSMediaRule 介面中只讀的 media 屬性會返回一個 MediaList 物件，該物件代表了樣式資訊的預期目標介質。

值

CSS 包含一個帶有單個樣式規則的媒體查詢。這將是 document.styleSheets[0].cssRules 返回的第一個 CSSRule。因此，呼叫 myRules[0].media 會返回一個代表媒體查詢的 MediaList 物件。

css

@media (width >= 500px) {
  body {
    color: blue;
  }
}

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

規範
CSS 條件規則模組第 3 級 # dom-cssmediarule-media

此頁面最後修改時間為 2025 年 7 月 1 日，由 MDN 貢獻者修改。