このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

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 ⁨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> 

仕様書

Specification
HTML
# dom-style-media

ブラウザーの互換性