stop element | SVGStopElement object

Defines the ramp of colors to use in gradients.

Scalable Vector Graphics: Gradients and Patterns, Section 13.4.4

DOM Information

Inheritance Hierarchy

Node

Element

SVGElement

SVGStopElement

Members

The SVGStopElement object has these types of members:

Events
Properties

Events

The SVGStopElement object has these events.

Event	Description
onload	Occurs when the browser has fully parsed the element and all of its descendants.

Properties

The SVGStopElement object has these properties.

Property	Description
className	Gets the names of the classes that are assigned to this object.
focusable	Determines if an element can acquire keyboard focus (that is, receive keyboard events) and be a target for field-to-field navigation actions (such as when a user presses the Tab key).
offset	Gets or sets a value that indicates where the gradient stop is placed within the gradient.
ownerSVGElement	Gets the nearest ancestor svg element.
stopColor	Sets or retrieves a value that indicates what color to use at the current gradient stop.
stopOpacity	Sets or retrieves a value that defines the opacity of the current gradient stop.
style	Gets a style object.
viewportElement	Gets the element that established the current viewport.
xmlbase	Gets or sets the `base` attribute on the element.

Standards information

Scalable Vector Graphics: Gradients and Patterns, Section 13.4.4

Remarks

Note In addition to the attributes, properties, events, methods, and styles listed above, SVG elements also inherit core HTML attributes, properties, events, methods, and styles.

You must define two stop elements to create a gradient effect. If no stop elements, painting occurs as if you specify none as the paint style. If you define one stop element, the paint occurs by using a solid-color fill with the color that is defined for that gradient stop element.