The HTMLStyleElement.media property specifies the intended destination medium for style information.
medium = style.media style.media = medium
medium is a string describing a single medium or a comma-separated list.<!DOCTYPE html>
<head>
<link id="linkScreenStyle" rel="stylesheet" href="document.css" type="text/css" media="screen" />
<style id="screenStyle" rel="stylesheet" type="text/css" media="screen">
p {color:blue;}
</style>
<script>
alert(document.getElementById('screenStyle').media); // 'screen'
alert(document.getElementById('linkScreenStyle').media); // 'screen'
</script>
</head>
<body>
</body>
</html>
The default value for media is "screen."
| 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. |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLStyleElement/media