The circles at the accompanying illustration show the outer shapes of the various gradients shaped with the different keywords.
- 1closest-side: The gradient is sized so that its outer shape meets the side of the gradient box that is closest to its center. If an ellipse is specified the sides in both dimensions are met.
- 2farthest-side: The gradient is sized so that its outer shape meets the side of the gradient box that is farthest away from its center. If an ellipse is specified the sides in both dimensions are met.
- 3closest-corner: The gradient is sized so that its outer shape runs through the corner of the gradient box that is closest to its center. If an ellipse is specified it is given the same aspect-ratio as if
closest-side (1) was specified.
- 4farthest-corner: The gradient is sized so that its outer shape runs through the corner o
