styleタグ

styleは、CSS（スタイルシート）を記述するタグです。

解説

styleタグ内にCSSを記述することができます。

CSSの詳細は以下サイトをご覧ください。
　⇒ CSS3スタイル虎の巻

コンテンツ・モデル

カテゴリー (自カテゴリ)	メタデータ・コンテンツ
コンテキスト (親カテゴリ)	メタデータ・コンテンツを許可する場所フレージング・コンテンツを許可する場所
コンテンツ・モデル (子カテゴリ)	CSS

属性

styleタグには以下の属性が指定できます。

【主要グローバル属性】
属性	説明
class	クラスを指定する（例）class="hoge"
id	IDを指定する（例）id="foo"
style	スタイルを指定する（例）style="color:red;"

その他のグローバル属性値については、グローバル属性をご覧ください。

サンプル

styleタグを使ったサンプル

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>サンプル</title>
    <style>
      *{
        color:red;
      }
    </style>
  </head>
  <body>
    <p>あいうえお</p>
  </body>
</html>

すべての文字色が赤色になります。

備考

通常はhead要素内に記述しますが、body要素内で記述しても適用されます。
古い書き方では、要素の中をコメントアウト形式「」で記述する事もあります。
コメントアウト型式はstyleタグに対応していない昔のブラウザ向けの書き方ですが、今現在styleに対応していないブラウザはほぼ存在しないので、コメントアウト形式にする必要は特にありません。

styleタグ

解説

コンテンツ・モデル

属性

サンプル

styleタグを使ったサンプル

備考

関連項目