stop-color

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 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 要素で使用することができます。