グラデーション放射サイズ
gradient-radial-size
CSS の <radial-size> と同様に、放射状の gradient の最後のストップの位置を設定します。gradient-type=radial の場合にのみ適用されます。
| 値 | 説明 |
|---|---|
farthest-corner (デフォルト) | 最後のストップが中心から最も遠い角に届きます。 |
farthest-side | 最後のストップが中心から最も遠い辺に届きます。 |
closest-corner | 最後のストップが中心に最も近い角に届きます。 |
closest-side | 最後のストップが中心に最も近い辺に届きます。 |
1 つの長さ (300 など) | この半径 (ピクセル) の円。 |
2 つの長さ rx,ry (0.3,0.4 など) | これらの半径の楕円。それぞれピクセル、またはフレームの幅や高さに対する比率で指定します。 |
キーワードサイズは gradient-radial-shape で形状が決まります。明示的な長さは形状の指定より優先されます。
HLS と DASH では、ピクセル単位の長さは最上位のレンディションで測定され、小さいレンディションでは縮小されます。どのフォーマットでも同じに見えるサイズにするには比率を使用してください。