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 上查看此页面 • 报告此内容的问题