<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 中