stop-color

stop-color 属性は、グラデーションの色停止点で使用する色を示します。

Note: グラデーションに関して、SVG は transparent キーワードを CSS とは異なる方法で扱います。SVG はグラデーションを事前に乗算された空間で計算しないので、transparent は実際には透明な黒を意味します。そのため、stop-colortransparent という値を指定することは、stop-colorblack という値を指定し、stop-opacity (en-US)0 という値を指定することと同じです。

Note: プレゼンテーション属性である stop-color は、CSS プロパティとして使用することができます。

この属性は以下の SVG 要素で使用することができます。

使用上のメモ

currentcolor | <color> <icccolor>
既定値 black
アニメーション
currentcolor

このキーワードは、現在の塗りつぶしの色を表し、 <paint> の指定の中で、fill および stroke 属性と同じ方法で指定することができます。

<color>

この値は色の値を示します。

<icccolor>

この値は ICC カラープロファイルを参照します。

仕様書

仕様書 状態 備考
Scalable Vector Graphics (SVG) 2
stop-color の定義
勧告候補 SVG では transparent キーワードが CSS とは異なる扱いになるというメモを追加。
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
stop-color の定義
勧告 初回定義

ブラウザーの互換性

BCD tables only load in the browser

関連情報