類

為元素分配類名或一組類名。您可以為任意數量的元素分配相同的類名或名稱，但是，多個類名必須用空格字元分隔。

元素的類名有兩個關鍵作用

作為樣式表選擇器，用於作者將樣式資訊分配給一組元素時。
供瀏覽器通用使用。

您可以使用此類來使用 CSS 設定 SVG 內容的樣式。

使用上下文

類別	無
值	<類名列表>
可動畫	是
規範性文件	SVG 1.1（第二版）：class 屬性

示例

html

<html lang="en">
  <body>
    <svg
      width="120"
      height="220"
      viewPort="0 0 120 120"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg">
      <style>
        <![CDATA[
            rect.rectClass {
                stroke: #000066;
                fill:   #00cc00;
            }
            circle.circleClass {
                stroke: #006600;
                fill:   #cc0000;
            }
        ]]>
      </style>

      <rect class="rectClass" x="10" y="10" width="100" height="100" />
      <circle class="circleClass" cx="40" cy="50" r="26" />
    </svg>
  </body>
</html>

元素

以下元素可以使用 class 屬性

瀏覽器相容性

BCD 表格僅在瀏覽器中載入