ShadowRoot.styleSheets

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.

Syntax

shadowRoot.styleSheets

Value

A StyleSheetList of CSSStyleSheet objects.

Examples

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

Specifications

Specification
CSS Object Model (CSSOM)
The definition of 'DocumentOrShadowRoot.styleSheets' in that specification.

Browser compatibility

BCD tables only load in the browser