The media
property of the StyleSheet
interface specifies the intended destination media for style information. It is a read-only, array-like MediaList
object and can be removed with deleteMedium()
and added with appendMedium()
.
Example
<!doctype html> <html> <head> <link rel="stylesheet" href="document.css" type="text/css" media="screen" /> <style rel="stylesheet" type="text/css" media="screen, print"> body { background-color: snow; } </style> </head> <body> <script> for (var iSheetIndex = 0; iSheetIndex < document.styleSheets.length; iSheetIndex++) { console.log('document.styleSheets[' + String(iSheetIndex) + '].media: ' + JSON.stringify(document.styleSheets[iSheetIndex].media)); if (iSheetIndex === 0) document.styleSheets[iSheetIndex].media.appendMedium('handheld'); if (iSheetIndex === 1) document.styleSheets[iSheetIndex].media.deleteMedium('print'); console.log('document.styleSheets[' + String(iSheetIndex) + '].media: ' + JSON.stringify(document.styleSheets[iSheetIndex].media)); } /* will log: document.styleSheets[0].media: {"0":"screen"} document.styleSheets[0].media: {"0":"screen","1":"handheld"} document.styleSheets[1].media: {"0":"screen","1":"print"} document.styleSheets[1].media: {"0":"screen"} */ </script> </body> </html>
Specifications
Specification | Status | Comment |
---|---|---|
CSS Object Model (CSSOM)The definition of 'StyleSheet: media' in that specification. | Working Draft |
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.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
media
|
Chrome
Full support 1 |
Edge
Full support 12 |
Firefox
Full support Yes |
IE
? |
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
- Compatibility unknown
- Compatibility unknown
StyleSheet.media by Mozilla Contributors is licensed under CC-BY-SA 2.5.