HTMLStyleElement

翻译不完整。 请帮助我们翻译这篇文章！

HTMLStyleElement 接口表示 <style> 元素。它从 HTMLElement 和 LinkStyle 中继承属性和方法。

这个接口不允许修改包含其中的CSS（大多数情况下）。如果需要修改CSS，前往关于使用动态样式的信息查看在DOM中用于修改特定CSS属性的对象。

属性

Inherits properties from its parent, HTMLElement, and implements LinkStyle.

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).
LinkStyle.sheet 只读
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).

方法

No specific method; inherits properties from its parent, HTMLElement, and LinkStyle.

规范

规范 状态 注释
HTML Living Standard
HTMLStyleElement		 Living Standard
HTML 5.1
HTMLStyleElement		 Recommendation
HTML5
HTMLStyleElement		 Recommendation The following property has been added: scoped.
Document Object Model (DOM) Level 2 HTML Specification
HTMLStyleElement		 Obsolete Added a second inheritence, the LinkStyle interface.
Document Object Model (DOM) Level 1 Specification
HTMLStyleElement		 Obsolete Initial definition

浏览器兼容性

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
HTMLStyleElementChrome Full support YesEdge Full support 12Firefox Full support YesIE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
disabledChrome Full support YesEdge Full support 13Firefox Full support YesIE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
mediaChrome Full support YesEdge Full support 12Firefox Full support YesIE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
scoped
DeprecatedNon-standard
Chrome No support 19 — 35
Disabled
No support 19 — 35
Disabled
Disabled From version 19 until version 35 (exclusive): this feature is behind the Enable <style scoped> preference (needs to be set to true). To change preferences in Chrome, visit chrome://flags.
Edge No support NoFirefox No support 55 — 61
Notes Disabled
No support 55 — 61
Notes Disabled
Notes This property was hidden behind a pref because no other browsers support it (See bug 1291515).
Disabled From version 55 until version 61 (exclusive): this feature is behind the layout.css.scoped-style.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
No support 21 — 55
IE No support NoOpera No support NoSafari No support NoWebView Android No support NoChrome Android No support NoFirefox Android No support 55 — 61
Notes Disabled
No support 55 — 61
Notes Disabled
Notes This property was hidden behind a pref because no other browsers support it (See bug 1291515).
Disabled From version 55 until version 61 (exclusive): this feature is behind the layout.css.scoped-style.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
No support 21 — 55
Opera Android No support NoSafari iOS No support NoSamsung Internet Android No support No
sheetChrome Full support YesEdge Full support 12Firefox Full support YesIE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
typeChrome Full support YesEdge Full support 12Firefox Full support YesIE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support
No support  
No support
Non-standard. Expect poor cross-browser support.
Non-standard. Expect poor cross-browser support.
Deprecated. Not for use in new websites.
Deprecated. Not for use in new websites.
See implementation notes.
See implementation notes.
User must explicitly enable this feature.
User must explicitly enable this feature.

参见