stop-color

Атрибут stop-color указывает цвет, который необходимо использовать в точке градиента.

Примечание: В контексте градиентов SVG обрабатывает ключевое слово transparent иначе, чем CSS. SVG не рассчитывает градиенты в предварительно умноженном пространстве, поэтому transparent фактически означает прозрачный черный. Таким образом, указание stop-color со значением transparent эквивалентно указанию stop-color со значением black и stop-opacity со значением 0.

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

Вы можете использовать этот атрибут со следующими элементами SVG:

<stop>

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

Значение	`currentcolor` \| `<color>` `<icccolor>`
Значение по умолчанию	`black`
Анимируемо	Да

currentcolor: Это ключевое слово обозначает текущий цвет заливки и может быть указано таким же образом, как и в спецификации <paint> для атрибутов fill и stroke.
<color>: Это значение указывает значение цвета.
<icccolor>: Это значение относится к профилю цвета ICC.

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

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

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

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android
`stop-color`	≤80	80	≤72	67	≤13.1	80	79	57	≤13.4	13.0	80

См. также

stop-opacity

© 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/stop-color