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, ornull
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
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