HTMLStyleElement
The HTMLStyleElement interface represents a <style> element. It inherits properties and methods from its parent, HTMLElement.
This interface doesn't allow to manipulate the CSS it contains (in most case). To manipulate CSS, see Using dynamic styling information for an overview of the objects used to manipulate specified CSS properties using the DOM.
Properties
Inherits properties from its parent, HTMLElement.
HTMLStyleElement.media-
Is a
DOMStringrepresenting the intended destination medium for style information. -
HTMLStyleElement.type -
Is a
DOMStringrepresenting the type of style being applied by this statement. HTMLStyleElement.disabled-
Is a boolean value representing whether or not the stylesheet is disabled (true) or not (false).
-
HTMLStyleElement.sheetRead only -
Returns the
StyleSheetobject associated with the given element, ornullif there is none -
HTMLStyleElement.scoped -
Is a boolean value indicating if the element applies to the whole document (
false) or only to the parent's sub-tree (true).
Methods
No specific method; inherits properties from its parent, HTMLElement.
Specifications
| Specification |
|---|
| HTML Standard (HTML) # htmlstyleelement |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
HTMLStyleElement |
1 |
12 |
1 |
5.5 |
≤12.1 |
3 |
1 |
18 |
4 |
≤12.1 |
1 |
1.0 |
disabled |
1 |
13 |
1 |
5.5 |
≤12.1 |
3 |
1 |
18 |
4 |
≤12.1 |
1 |
1.0 |
media |
1 |
12 |
1 |
5.5 |
≤12.1 |
3 |
1 |
18 |
4 |
≤12.1 |
1 |
1.0 |
scoped |
19-35 |
No |
55-61
This property was hidden behind a pref because no other browsers support it (See bug 1291515).
21-55
|
No |
No |
No |
No |
No |
55-61
This property was hidden behind a pref because no other browsers support it (See bug 1291515).
21-55
|
No |
No |
No |
type |
1 |
12 |
1 |
5.5 |
≤12.1 |
3 |
1 |
18 |
4 |
≤12.1 |
1 |
1.0 |
sheet |
1 |
12 |
1 |
9 |
≤12.1 |
1 |
1 |
18 |
4 |
≤12.1 |
1 |
1.0 |
See also
- The HTML element implementing this interface:
<style>. - Using dynamic styling information to see how to manipulate CSS.
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLStyleElement