HTML の <style> 要素は、文書あるいは文書の一部分のスタイル情報を含みます。既定では、この要素内に記述するスタイルが CSS であると想定されます。

コンテンツカテゴリー メタデータコンテンツscoped 属性が提供された場合: フローコンテンツ
許可されている内容 type 属性に合致するテキストコンテンツ、すなわち text/css
タグの省略 不可。開始と終了タグの両方が必要。
許可されている親要素 メタデータコンテンツを受け入れるすべての要素
許可されている ARIA ロール なし
DOM インターフェイス HTMLStyleElement

属性

この要素にはグローバル属性があります。

type
この属性は、スタイル言語を MIME タイプで定義します(文字セットは指定すべきではありません)。この属性は省略可能であり、省略した場合の既定値は text/css です。
media
この属性はスタイルを適用するメディアを定義します。値はメディアクエリーであり、省略した場合の既定値は all です。

nonce

script-src コンテンツセキュリティポリシー内の行内スクリプトをホワイトリストに入れるための暗号ノンス(ワンタイム番号)です。サーバーはポリシーを送信するたびに一意のノンス値を生成する必要があります。それ以外の方法でリソースのポリシーのバイパスとして推測できないノンスを提供することが重要です。

title

この属性は代替スタイルシートのセットを指定します。

scoped

この属性が指定された場合、スタイルは、その親要素および親要素の子要素にのみ適用されます。

標準外
この機能は標準外で、標準化作業は行われていません。ウェブ上の本番サイトで使用するべきではありません。すべてのユーザーが使用できる訳ではありません。将来的に、実装や動作で大きな非互換が発生する可能性もあります。

廃止
この機能は廃止されています。一部のブラウザーでは動作するかもしれませんが、いつ削除されるか分からないので使用は推奨されません。使用しないようにしてください。

 

単純なスタイルシート

<style type="text/css">
body {
  color: red;
}
</style> 

仕様策定状況

仕様書 策定状況 コメント
HTML Living Standard
style の定義
現行の標準  
HTML5
style の定義
勧告 HTML 4.01 Specification から変更なし
HTML 4.01 Specification
style の定義
勧告  

ブラウザーの対応

以下の情報は MDN の Github (https:/github.com/mdn/browser-compat-data) から抽出したものです。

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応1 あり133.51
type1 あり133.51
media1 あり133.51
title1 あり133.51
scoped19 — 351 なし21 なし なし なし
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応11 あり461 あり
type11 あり461 あり
media11 あり461 あり
title11 あり461 あり
scoped なし なし なし21 なし なし なし

1. 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.

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, SphinxKnight, yyss, Toro_Unit, ethertank, Marsf
最終更新者: mfuji09,