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

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

属性

他のすべての HTML 要素と同様に、この要素は グローバル属性 を持ちます。

type
この属性は、スタイル言語を MIME タイプで定義します (文字セットは指定すべきではありません)。この属性は省略可能であり、省略した場合の既定値は text/css です。
【訳注: 省略時の動作は単に主要な実装の挙動にすぎませんでしたが、HTML5 で正式な仕様となりました。script 要素の type 属性についても同様です。】
media
このスタイルを適用するメディア。値は メディアクエリー であり、省略した場合の既定値は all です。
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 の定義
勧告  

ブラウザー実装状況

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本サポート1 有り133.51
type1 有り133.51
media1 有り133.51
title1 有り133.51
scoped19 — 352 無し21 無し 無し 無し
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
基本サポート11 有り49161
type11 有り49161
media11 有り49161
title11 有り49161
scoped 無し 無し 無し21 無し 無し 無し

1. Mobile Internet Explorer (the previous branding of IE Phone - versions lower than 8) also has support.

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

関連情報

  • 外部のスタイルシートを使用することを可能にする <link> 要素

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

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