ShadowRoot: styleSheets property

Baseline Widely available

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

The styleSheets read-only property of the ShadowRoot interface returns a StyleSheetList of CSSStyleSheet objects, for stylesheets explicitly linked into or embedded in a shadow tree.

Value

Examples

js
let customElem = document.querySelector("my-shadow-dom-element");
let shadow = customElem.shadowRoot;
let styleSheets = shadow.styleSheets;

Specifications

Specification
CSS Object Model (CSSOM)
# dom-documentorshadowroot-stylesheets

Browser compatibility

BCD tables only load in the browser