This page is In Progress

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.


Overview Table

DOM Interface



Note: In addition to the attributes, properties, events, methods, and styles listed above, SVG elements also inherent 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.

Standards information


The SVGStopElement object has these events:

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

The SVGStopElement object has these properties:

  • 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.

See also

Related pages