class

Назначает элементу имя класса или набор имён классов. Одно и то же имя класса или набор имён можно назначить любому количеству элементов, однако несколько имён классов необходимо разделять пробельными символами.

Имя класса элемента выполняет две основные функции:

• Используется как селектор таблицы стилей, когда автор назначает стилевую информацию группе элементов.
• Используется браузером для общих целей.

Этот класс можно использовать для стилизации содержимого SVG с помощью CSS.

Контекст использования

Пример

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

• <a>
• <circle>
• <clipPath>
• <defs>
• <desc>
• <ellipse>
• <feBlend>
• <feColorMatrix>
• <feComponentTransfer>
• <feComposite>
• <feConvolveMatrix>
• <feDiffuseLighting>
• <feDisplacementMap>
• <feFlood>
• <feGaussianBlur>
• <feImage>
• <feMerge>
• <feMorphology>
• <feOffset>
• <feSpecularLighting>
• <feTile>
• <feTurbulence>
• <filter>
• <foreignObject>
• <g>
• <image>
• <line>
• <linearGradient>
• <marker>
• <mask>
• <path>
• <pattern>
• <polygon>
• <polyline>
• <radialGradient>
• <rect>
• <stop>
• <svg>
• <switch>
• <symbol>
• <text>
• <textPath>
• <title>
• <tspan>
• <use>

Спецификации

Совместимость с браузерами