Цвет

Атрибут color используется для предоставления потенциально косвенного значения, currentcolor, для атрибутов fill, stroke, stop-color, flood-color, и lighting-color.

Примечание: В качестве атрибута представления, color может использоваться как свойство CSS. Для получения дополнительной информации см. Цвет CSS.

В качестве атрибута представления его можно применять к любому элементу, но, как указано выше, он не оказывает прямого влияния на элементы SVG.

Примечания к использованию

Значение	`<color>` \| `inherit`
Значение по умолчанию	Зависит от пользователя
Анимируемо	Да

Пример

html

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <g color="green">
    <rect width="50" height="50" fill="currentcolor" />
    <circle
      r="25"
      cx="70"
      cy="70"
      stroke="currentcolor"
      fill="none"
      stroke-width="5" />
  </g>
</svg>

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

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

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

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`color`	1	12	1	3.5	1	18	4	10.1	1	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/color