このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
HTMLStyleElement: media プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
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>
仕様書
| 仕様書 |
|---|
| HTML # dom-style-media |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。