The HTMLStyleElement interface represents a <style> element. It inherits properties and methods from its parent, HTMLElement, and from LinkStyle.
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, and implements LinkStyle.
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
Booleanvalue, withtrueif the stylesheet is disabled, andfalseif not. LinkStyle.sheetRead only- Returns the
StyleSheetobject associated with the given element, ornullif there is none HTMLStyleElement.scoped- Is a
Booleanvalue 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, and LinkStyle.
Specifications
| Specification | Status | Comment |
|---|---|---|
| WHATWG HTML Living Standard The definition of 'HTMLStyleElement' in that specification. |
Living Standard | No change from HTML5. |
| HTML5.1 The definition of 'HTMLStyleElement' in that specification. |
Working Draft | |
| HTML5 The definition of 'HTMLStyleElement' in that specification. |
Recommendation | The following property has been added: scoped. |
| Document Object Model (DOM) Level 2 HTML Specification The definition of 'HTMLStyleElement' in that specification. |
Recommendation | Added a second inheritence, the LinkStyle interface. |
| Document Object Model (DOM) Level 1 Specification The definition of 'HTMLStyleElement' in that specification. |
Recommendation | Initial definition. |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | (Yes) | 1.0 (1.7 or earlier) | (Yes) | (Yes) | (Yes) |
scoped |
Not supported | 21.0 (21.0) | Not supported | Not supported | Not supported |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | (Yes) | 1.0 (1.0) | (Yes) | (Yes) | (Yes) |
scoped |
? | 21.0 (21.0) | Not supported | Not supported | Not supported |
See also
- The HTML element implementing this interface:
<style>. - Using dynamic styling information to see how to manipulate CSS.