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 DOMString representing the intended destination medium for style information.

HTMLStyleElement.type

Is a DOMString representing 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.sheet Read only

Returns the StyleSheet object associated with the given element, or null if 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

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

© 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