<style>

SVG 的<style> 元素允许将样式表直接嵌入到 SVG 内容中。

注意： SVG 的 style 元素具有与 HTML 中的相应元素相同的属性（参见 HTML 的 <style> 元素）。

示例

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>

属性

类型: 此属性定义要使用的样式表语言的类型，作为媒体类型字符串。值类型：<string>；默认值：text/css；可动画：否
media: 此属性定义样式适用的 media。值类型：<string>；默认值：all；可动画：否
title: 此属性是样式表的标题，可用于在备用样式表之间切换。值类型：<string>；默认值：无；可动画：否

使用环境

类别	无
允许的内容	任何元素或字符数据

规范

规范
可缩放矢量图形 (SVG) 2 # StyleElement

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅

<style> 元素在 HTML 中