stop-color
Базовая поддержка Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в различных версиях браузеров. Она доступна во всех браузерах с июля 2015 года.
Атрибут stop-color указывает, какой цвет использовать для цветовой отметки градиента.
Примечание: При работе с градиентами SVG обрабатывает ключевое слово transparent не так, как CSS. SVG не вычисляет градиенты в предварительно умноженном цветовом пространстве, поэтому transparent на самом деле означает прозрачный чёрный цвет. Таким образом, указать stop-color со значением transparent — то же самое, что указать stop-color со значением black и stop-opacity со значением 0.
Примечание: Как атрибут представления, stop-color также имеет соответствующее CSS-свойство: stop-color. Если указаны оба варианта, приоритет имеет CSS-свойство.
Этот атрибут можно использовать со следующими SVG-элементами:
Примечания по использованию
| Значение | <color> |
|---|---|
| Значение по умолчанию | black |
| Анимируемый | Да |
<color>-
Это значение задаёт цвет.
Спецификации
Совместимость с браузерами
| Для компьютеров | Для мобильных устройств | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
stop-color |
1 | 12 | 1.5 | 9 | 3 | 18 | 4 | 10.1 | 3 | 1.0 | 3 | 3 |
См. также
- CSS-свойство
stop-color stop-opacity
© 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/Attribute/stop-color
