Класс

Присваивает имя класса или набор имён классов элементу. Вы можете присвоить одно и то же имя класса или имена нескольким элементам, однако несколько имён классов должны быть разделены пробелами.

Имя класса элемента выполняет две ключевые роли:

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

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

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

Категории	Нет
Значение	<список-имен-классов>
Анимируемо	Да
Нормативный документ	SVG 1.1 (2-е издание): Атрибут 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:

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

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`class`	1	12	1	15	1	18	4	14	1	1.0	4.4
`animation_support`	5	79	5	15	4	18	5	14	3.2	1.0	4.4

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/class