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 January 2020.
stop-color
属性は、グラデーションの色経由点で使用する色を示します。
メモ: グラデーションに関して、SVG は transparent
キーワードを CSS とは異なる方法で扱います。SVG はグラデーションを事前に乗算された空間で計算しないので、 transparent
は実際には透明な黒を意味します。そのため、 stop-color
に transparent
という値を指定することは、 stop-color
に black
という値を指定し、 stop-opacity
に 0
という値を指定することと同じです。
メモ: プレゼンテーション属性である stop-color
は、CSS プロパティとして使用することができます。
この属性は以下の SVG 要素で使用することができます。
使用上のメモ
値 |
currentcolor |
<color>
<icccolor>
|
---|---|
既定値 | black |
アニメーション | 可 |
currentcolor
-
このキーワードは、現在の塗りつぶしの色を表し、
<paint>
の指定の中で、fill
およびstroke
属性と同じ方法で指定することができます。 <color>
-
この値は色の値を示します。
<icccolor>
-
この値は ICC カラープロファイルを参照します。
仕様書
Specification |
---|
Scalable Vector Graphics (SVG) 2 # StopColorProperty |
ブラウザーの互換性
BCD tables only load in the browser