styleタグ

タグ style を使用すると、HTMLページ内に直接 CSSを記述できます。ただし、style タグ内では、 CSS言語の構文 （セレクター、中括弧など）に従って記述する必要があります。

このタグは、head タグ内に 配置するべきですが、必須ではありません。style タグは body タグ内に 配置しても動作します。

style タグの使用は控えめにすべきです。 多くの場合、代わりに 個別のCSSファイル を使用するべきです。

例

style タグを使って、HTMLコード内にCSSを記述してみましょう：

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>これはページタイトルです</title>
    <style>
      p {
        color: red;
      }
     </style>
  </head>
  <body>
    <h1>これは標準（黒）色の見出しです。</h1>
    <p>これは赤色の段落です。</p>
  </body>
</html>

関連項目