The HTMLStyleElement.media
property specifies the intended destination medium for style information.
Syntax
medium = style.media style.media = medium
Parameters
medium
is a string describing a single medium or a comma-separated list.
Example
<!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>
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of 'HTMLStyleElement' in that specification. |
Living Standard | |
HTML 5.1 The definition of 'HTMLStyleElement' in that specification. |
Recommendation | |
HTML5 The definition of 'HTMLStyleElement' in that specification. |
Recommendation | |
Document Object Model (DOM) Level 2 HTML Specification The definition of 'HTMLStyleElement' in that specification. |
Obsolete | |
Document Object Model (DOM) Level 1 Specification The definition of 'HTMLStyleElement' in that specification. |
Obsolete | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
media | Chrome Full support Yes | Edge Full support 12 | Firefox Full support Yes | IE Full support Yes | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support