style

style 屬性允許使用 CSS 宣告來設定元素的樣式。它的功能與 HTML 中的 style 屬性 完全相同。

您可以將此屬性與任何 SVG 元素一起使用。

示例

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>
預設值 無
可動畫 否
<style>

樣式資料的語法取決於樣式表語言。預設情況下，樣式表語言為 CSS。

規範

規範
可縮放向量圖形 (SVG) 2
# ElementSpecificStyling

瀏覽器相容性

BCD 表格僅在啟用 JavaScript 的瀏覽器中載入。

另請參閱