此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

style

基线 广泛可用

自 2015年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

style元素元素样式表直接在 SVG 内容中间嵌入。SVG 的style元素的属性与 HTML 中的相应的元素并无二致(请阅读 HTML 的 <style> 元素)。

使用上下文

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

示例

html
<svg
  width="100%"
  height="100%"
  viewBox="0 0 100 100"
  xmlns="http://www.w3.org/2000/svg">
  <style>
    /* <![CDATA[ */
    circle {
      fill: orange;
      stroke: black;
      stroke-width: 10px; // Note that the value of a pixel depend on the viewBox
    }
    /* ]]> */
  </style>

  <circle cx="50" cy="50" r="40" />
</svg>

示例输出

属性

全局属性

专有属性

DOM 接口

该元素实现了 SVGStyleElement 接口。

浏览器兼容性

参见