HTML5タグ虎の巻

styleタグ

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

解説

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

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

コンテンツ・モデル

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

属性

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

【主要グローバル属性】
属性説明
classクラスを指定する
(例)class="hoge"
idIDを指定する
(例)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に対応していないブラウザはほぼ存在しないので、コメントアウト形式にする必要は特にありません。

関連項目

  • head:HTML文章のヘッダ情報を表す