HTMLStyleElement

HTMLStyleElement インタフェースは <style> 要素を表すインタフェースです。HTMLElement と 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.

プロパティ

HTMLElement および LinkStyle から継承するプロパティの他に、以下の固有プロパティを持ちます。

HTMLStyleElement.media
スタイル情報の適用先として意図するメディアを表す DOMString
HTMLStyleElement.type
この style 要素のスタイルの種類を表す DOMString
HTMLStyleElement.disabled
Boolean。スタイルシート有効時には true 、無効時には false を返す。
HTMLStyleElement.scoped
Boolean。スタイルの適用対象が文書全体の場合は false、 scoped 属性により適用範囲が制限されている場合は true を返す。

メソッド

固有のメソッドは持ちません。

仕様

仕様書 策定状況 コメント
HTML Living Standard
HTMLStyleElement の定義		 現行の標準 HTML5 より変更無し
HTML5
HTMLStyleElement の定義		 勧告 scoped プロパティの追加
Document Object Model (DOM) Level 2 HTML Specification
HTMLStyleElement の定義		 廃止された LinkStyle インタフェースからの継承の追加
Document Object Model (DOM) Level 1 Specification
HTMLStyleElement の定義		 廃止された 最初期の定義

ブラウザ実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
HTMLStyleElementChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
disabledChrome 完全対応 ありEdge 完全対応 13Firefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
mediaChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
scoped
非推奨非標準
Chrome 未対応 19 — 35
無効
未対応 19 — 35
無効
無効 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 未対応 なしFirefox 未対応 55 — 61
補足 無効
未対応 55 — 61
補足 無効
補足 This property was hidden behind a pref because no other browsers support it (See bug 1291515).
無効 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.
未対応 21 — 55
IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 55 — 61
補足 無効
未対応 55 — 61
補足 無効
補足 This property was hidden behind a pref because no other browsers support it (See bug 1291515).
無効 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.
未対応 21 — 55
Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
sheetChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
typeChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応
未対応  
未対応
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非推奨。新しいウェブサイトでは使用しないでください。
非推奨。新しいウェブサイトでは使用しないでください。
実装ノートを参照してください。
実装ノートを参照してください。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。

関連情報