<style>

使用コンテキスト

属性

type

この属性は、メディア種別として使用するスタイルシート言語の種類を定義します。 値の型: <media-type>; 既定値: text/css; アニメーション: 不可

media

この属性は、スタイルが適用されるメディアを定義します。 値の型: <media-query-list>; 既定値: all; アニメーション: 不可

title

この属性は、代替スタイルシートを切り替えるために使用できるスタイルシートの表題です。 値の型: <string>; 既定値: none; アニメーション: 不可

DOM インターフェイス

この要素は、 SVGStyleElement インターフェイスを実装しています。

例

html,
body,
svg {
  height: 100%;
}

<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
  <style>
    circle {
      fill: gold;
      stroke: maroon;
      stroke-width: 2px;
    }
  </style>

  <circle cx="5" cy="5" r="4" />
</svg>

仕様書

ブラウザーの互換性

関連情報

• HTML の <style> 要素