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 要素で使用することができます。