<set>

Базовая поддержка Широко доступно

Эта возможность хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она доступна в браузерах с ⁨июля 2015⁩ года.

Элемент <set> SVG предоставляет способ задать значение атрибута на указанный период времени.

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

Примечание: Элемент <set> не является аддитивным. Атрибуты additive и accumulate использовать нельзя; если они указаны, то будут проигнорированы.

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

Категории	Элемент анимации
Допустимое содержимое	Любое количество следующих элементов в любом порядке: Описательные элементы

Атрибуты

to: Этот атрибут задаёт значение, которое будет применяться к целевому атрибуту в течение всей анимации. Значение должно соответствовать требованиям целевого атрибута. Тип значения: <anything>; Значение по умолчанию: отсутствует; Анимируемый: нет

Интерфейс DOM

Этот элемент реализует интерфейс SVGSetElement.

Пример

<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
  <style>
    rect {
      cursor: pointer;
    }
    .round {
      rx: 5px;
      fill: green;
    }
  </style>

  <rect id="me" width="10" height="10">
    <set attributeName="class" to="round" begin="me.click" dur="2s" />
  </rect>
</svg>

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

Спецификация
SVG Animations Level 2> # SetElement>

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

	Настольные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android	WebView на iOS
`set`	2	12	4	≤12.1	3	18	4	≤12.1	1	1.0	4.4	1
`fill`	2	79	4	15	3	18	4	14	2	1.0	4.4	2
`href`	50	12	51	37	12.1	50	51	37	12.2	5.0	50	12.2
`systemLanguage`	2	79	12	≤12.1	3	18	14	≤12.1	1	1.0	4.4	1
`to`	2	12	4	≤12.1	3	18	4	≤12.1	1	1.0	4.4	1

См. также

атрибут attributeName
Атрибуты времени анимации, включая begin, dur, end, min, max, restart, repeatCount, repeatDur и fill.
<animate>

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