DOM

：

HTMLStyleElementインターフェイス

：

media プロパティ

　 編集：2022.03.10 by T.A.

→MS

スタイル情報の対象と想定するメディアを指定します。設定も可能。

構文
medium = style.media
style ¶style要素。
値

単一のメディア又はコンマで区切られたリストを記述する文字列です。¶：all、screen、print。¶メディア クエリー。

例

<!doctype html>
<html>
<head>

<link id="LinkedStyle" rel="stylesheet" href="document.css" type="text/css" media="screen" />
<style id="InlineStyle" rel="stylesheet" type="text/css" 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>
テスト
HTML：

ここに表示
スクリプト組み込み：



スクリプト：


スクリプト：



表示内容：
表示内容：