HTMLStyleElement: sheet 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 read-only sheet property of the HTMLStyleElement interface
contains the stylesheet associated with that element.
A StyleSheet is always associated with a HTMLStyleElement, unless its type attribute is not text/css.
Value
A 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 StyleSheet object describing it.
js
const style = document.getElementById("inline-style");
console.log(style.sheet.cssRules[0].cssText); // 'p { color: blue; }'
Specifications
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-linkstyle-sheet |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
sheet
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support