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
A StyleSheetList
of CSSStyleSheet
objects.
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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
styleSheets |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.