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>`
預設值	None
可動畫的	否

<style>: 樣式資料的語法取決於樣式表語言。預設情況下，樣式表語言是 CSS。

規範

規範
Scalable Vector Graphics (SVG) 2 # ElementSpecificStyling

瀏覽器相容性

另見

幫助改進 MDN

瞭解如何貢獻

此頁面最後修改於 ⁨2025年6月23日⁩，作者是 MDN 貢獻者。

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