Export (0) Print
Expand All

stop element | SVGStopElement object

Defines the ramp of colors to use in gradients.

Scalable Vector Graphics: Gradients and Patterns, Section 13.4.4Internet Explorer 9

DOM Information

Inheritance Hierarchy

 Node
  Element
   SVGElement
     SVGStopElement

Members

The SVGStopElement object has these types of members:

Events

The SVGStopElement object has these events.

EventDescription
onload

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

 

Properties

The SVGStopElement object has these properties.

PropertyDescription

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

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.

See also

Reference
SVGLinearGradientElement
SVGRadialGradientElement

 

 

Show:
© 2014 Microsoft