<style>

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

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

Пример

html

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

Атрибуты

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

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

Категории	Нет
Разрешенное содержимое	Любые элементы или символьные данные

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

Спецификация
Scalable Vector Graphics (SVG) 2 # StyleElement

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

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

См. также

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

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