style

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

もっと詳しく
完全な互換性情報を見る

style 属性を使用すると、CSS の宣言を用いて要素のスタイルを設定することができます。この属性は、HTML の style 属性とまったく同じように機能します。

この属性は、どの SVG 要素でも使用することができます。

例

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

html

<svg viewBox="0 0 100 60" xmlns="http://www.w3.org/2000/svg">
  <rect
    width="80"
    height="40"
    x="10"
    y="10"
    style="fill: skyblue; stroke: cadetblue; stroke-width: 2;" />
</svg>

使用上のメモ

値	`<style>`
デフォルト値	なし
アニメーション	不可

<style>: スタイルデータの構文は、スタイルシート言語によって異なります。デフォルトで、スタイルシート言語は CSS です。

仕様書

仕様書
Scalable Vector Graphics (SVG) 2 # ElementSpecificStyling

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって 2026年7月31日に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告

style

例

使用上のメモ

仕様書

ブラウザーの互換性

関連情報

MDN の改良に協力