Back to Content

HTMLStyleElement: sheet property

files/en-us/web/api/htmlstyleelement/sheet/index.md

latest872 B
Original Source

{{APIRef("HTML DOM")}}

The read-only sheet property of the {{domxref("HTMLStyleElement")}} interface contains the stylesheet associated with that element.

A {{DOMxref("StyleSheet")}} is always associated with a {{domxref("HTMLStyleElement")}}, unless its type attribute is not text/css.

Value

A {{DOMxRef("StyleSheet")}} object, or null if none is associated with the element.

Examples

Suppose the <head> contains the following:

html
<style id="inline-style">
  p {
    color: blue;
  }
</style>

The sheet property of the associated HTMLStyleElement object will return the {{domxref("StyleSheet")}} object describing it.

js
const style = document.getElementById("inline-style");
console.log(style.sheet.cssRules[0].cssText); // 'p { color: blue; }'

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}