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