Get to know MDN better
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
* Some parts of this feature may have varying levels of support.
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.
EventTarget Node Element HTMLElement HTMLStyleElementInherits properties from its parent, HTMLElement.
HTMLStyleElement.blockingA string indicating that certain operations should be blocked on the fetching of critical subresources. It reflects the blocking attribute of the <style> element.
HTMLStyleElement.mediaA string reflecting the HTML attribute representing the intended destination medium for style information.
HTMLStyleElement.typeA string reflecting the HTML attribute representing the type of style being applied by this statement.
HTMLStyleElement.disabledA boolean value indicating whether or not the associated stylesheet is disabled.
HTMLStyleElement.sheet Read onlyReturns the CSSStyleSheet object associated with the given element, or null if there is none.
No specific method; inherits methods from its parent, HTMLElement.
| HTML # htmlstyleelement |
Enable JavaScript to view this browser compatibility table.
This page was last modified on Nov 7, 2024 by MDN contributors.
Your blueprint for a better internet.
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.