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().


<!doctype html>
<link rel="stylesheet" href="document.css" type="text/css" media="screen" />
<style rel="stylesheet" type="text/css" media="screen, print">
body  { background-color: snow; }

for (var iSheetIndex = 0; iSheetIndex < document.styleSheets.length; iSheetIndex++)
  console.log('document.styleSheets[' + String(iSheetIndex) + '].media: ' +
  if (iSheetIndex === 0)
  if (iSheetIndex === 1)
  console.log('document.styleSheets[' + String(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"}



DOM Level 2 Styles - STYLESHEET

W3C: Document Object Model Style Sheets - MediaList

Browser compatibility

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic supportChrome Full support 1Edge ? Firefox Full support YesIE ? Opera Full support YesSafari ? WebView Android Full support YesChrome Android Full support YesEdge Mobile ? Firefox Android Full support YesOpera Android Full support YesSafari iOS ? Samsung Internet Android ?


Full support  
Full support
Compatibility unknown  
Compatibility unknown

Document Tags and Contributors

Contributors to this page: mfluehr, fscholz, Alien426, teoli, kscarfone, Sheppy, ethertank, Mgjbot, Dria
Last updated by: mfluehr,