HTMLStyleElement.media

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

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes12 Yes Yes Yes Yes
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support Yes Yes Yes Yes Yes Yes Yes

Document Tags and Contributors

Last updated by: mfuji09,