style

CSSスタイルを定義。

機能

style 要素は、HTML ドキュメント内に埋め込まれた CSS スタイルシートを定義するために使用されます。通常、head セクション内に配置され、ページ全体のスタイルを設定します。これにより、外部スタイルシートを使用せずに、ページ内で直接スタイルを指定できます。

よく設定する属性（attribute）と値

type

スタイルシートの MIME タイプを指定します。通常は text/css が使用されます。
例: type=“text/css”

media

スタイルシートが適用されるメディアタイプを指定します。
例: media=“screen”（スクリーン用）、media=“print”（印刷用）

使い方

この例では、style 要素を使用して、ページ全体の背景色、見出しの色と配置、段落のフォントとサイズを設定しています。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <title>Example Page</title>
    <style>
      body {
        background-color: lightblue;
      }
      h1 {
        color: navy;
        text-align: center;
      }
      p {
        font-family: verdana;
        font-size: 20px;
      }
    </style>
  </head>
  <body>
    <h1>こんにちは、世界！</h1>
    <p>これはスタイルシートの例です。</p>
  </body>
</html>