<style>

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

<style> SVG 元素允許樣式表直接嵌入到 SVG 內容中。

注意： SVG 的 style 元素擁有與 HTML 中相應元素相同的屬性（請參閱 HTML 的 <style> 元素）。

使用語境

分類	None
允許內容	任何元素或字元資料

屬性

type: 此屬性定義要使用的樣式表語言的型別，格式為 MIME 型別字串。值型別：<MIME 型別>；預設值：text/css；可動畫：否
媒體: 此屬性定義樣式應用的 媒體。值型別：<媒體查詢列表>；預設值：all；可動畫：否
title: 此屬性是樣式表的標題，可用於在備用樣式表之間切換。值型別：<字串>；預設值：無；可動畫：否

DOM 介面

此元素實現了 SVGStyleElement 介面。

示例

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

html

<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>

規範

規範
Scalable Vector Graphics (SVG) 2 # StyleElement

瀏覽器相容性

另見

HTML 中的 <style> 元素

幫助改進 MDN

瞭解如何貢獻

此頁面最後修改於 2025年6月6日，由 MDN 貢獻者修改。

在 GitHub 上檢視此頁面 • 報告此內容的某個問題