<style>

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

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

Элемент <style> SVG позволяет встраивать таблицы стилей непосредственно в содержимое SVG.

Примечание: элемент style в SVG имеет те же атрибуты, что и соответствующий элемент в HTML (см. элемент <style> в HTML).

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

Категории	Нет
Допустимое содержимое	Любые элементы или символьные данные

Атрибуты

type: Этот атрибут задаёт тип языка таблицы стилей в виде строки типа медиа. Тип значения: <media-type>; Значение по умолчанию: text/css; Анимируемый: нет
media: Этот атрибут задаёт, для каких media применяется таблица стилей. Тип значения: <media-query-list>; Значение по умолчанию: all; Анимируемый: нет
title: Этот атрибут задаёт заголовок таблицы стилей, который можно использовать для переключения между альтернативными таблицами стилей. Тип значения: <string>; Значение по умолчанию: нет; Анимируемый: нет

Интерфейс DOM

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

Пример

<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
  <style>
    circle {
      fill: gold;
      stroke: maroon;
      stroke-width: 2px;
    }
  </style>

  <circle cx="5" cy="5" r="4" />
</svg>

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

Спецификация
Масштабируемая векторная графика (SVG) 2> # StyleElement>

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

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari для iOS	Samsung Internet	WebView для Android	WebView для iOS
`style`	1	12	1.5	9	3	18	4	10.1	2	1.0	3	2
`media`	1	79	1.5	15	3	18	4	14	2	1.0	4.4	2
`title`	1	79	1.5	15	3	18	4	14	2	1.0	4.4	2
`type`	1	79	1.5	15	3	18	4	14	2	1.0	4.4	2

См. также

Элемент <style> в HTML

© 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/style