塗りつぶしグラデーションのストップ

fill-gradient-stops

fill-gradient-stops パラメーターは、fill-gradient-linear または fill-gradient-radial に指定した各色が、グラデーション上のどこに位置するかを指定します。指定しない場合、色は均等に配置されます。

色1つにつき1つの位置を、0（グラデーションの開始位置）から 100（終了位置）の範囲でカンマ区切りで指定します。位置の値は減少してはいけません。隣り合う2つの位置を同じ値にすると、ブレンドされずに境界がはっきり分かれます。旗のような配色や帯状の背景はこの方法で作成します。

位置の数が色数と一致しない場合、値が減少する場合、または 0〜100 の範囲外の値が含まれる場合、指定は無視され、色は均等に配置されます。

同じ位置を繰り返すと、境界のはっきりした分割になります。