HTMLStyleElement: media property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

The HTMLStyleElement.media property specifies the intended destination medium for style information.

Value

A string describing a single medium or a comma-separated list.

Suppose the <head> contains the following:

html

<style id="inline-style" media="screen, print">
  p {
    color: blue;
  }
</style>

Then:

const style = document.getElementById("inline-style");

console.log(style.media); // 'screen, print'

Specification
HTML # dom-style-media

This page was last modified on ⁨Jul 25, 2025⁩ by MDN contributors.