HTMLStyleElement: media プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTMLStyleElement.media プロパティは、スタイル情報の対象と想定されるメディアを指定します。

値

単一のメディアまたはカンマで区切られたリストを記述した文字列です。

例

html

<!doctype html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Test page</title>

    <link
      id="LinkedStyle"
      rel="stylesheet"
      href="document.css"
      media="screen" />
    <style id="InlineStyle" rel="stylesheet" media="screen, print">
      p {
        color: blue;
      }
    </style>
  </head>
  <body>
    <script>
      alert("LinkedStyle: " + document.getElementById("LinkedStyle").media); // 'screen'
      alert("InlineStyle: " + document.getElementById("InlineStyle").media); // 'screen, print'
    </script>
  </body>
</html>

仕様書

Specification
HTML Standard # dom-style-media

ブラウザーの互換性

BCD tables only load in the browser