stop-color

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

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>

此值指示一个颜色值。

规范

规范
Scalable Vector Graphics (SVG) 2
# StopColorProperty

浏览器兼容性

另见