title

< svg‎ | elements
Jump to: navigation, search

title

This article is In Progress.



Summary

The title element (<title>) provides a human readable name for container elements and graphics elements.


Overview Table

DOM Interface SVGElement


Compatibility

Do you think this data can be improved? You can ask to add by opening an issue or make a pull request.

Desktop

FeaturesChromeFirefoxInternet ExplorerOperaSafari
Basic support
1.0
Yes
?
Unknown
9.0
Yes
8.0
Yes
3.0.4
Yes
Tooltip display
?
Unknown
?
Unknown
?
Unknown
?
Unknown
?
Unknown

Mobile

FeaturesAndroidFirefox MobileIE PhoneOpera MobileSafari Mobile
Basic support
3.0
Yes
1.0
Yes
?
none
?
Yes
3.0.4
Yes
Tooltip display
?
Unknown
?
Unknown
?
Unknown
?
Unknown
?
Unknown

Examples

View live exampleIn the following code example, a title element is provided for an ellipse. When you hover over the ellipse, a tooltip may be displayed.

<!DOCTYPE HTML>
<html>
  <head></head>
  <body>
    <svg width="400" height="400">
      <ellipse cx="150" cy="100" rx="100" ry="75" fill="greenyellow">
        <title>This is the title of an ellipse.</title>
      </ellipse>
    </svg>
  </body>
</html>

Notes

Remarks

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.

Each container element or graphics element in a Scalable Vector Graphics (SVG) drawing can provide a desc or a title textual description. The title elements are not rendered as part of the graphics. Instead, they appear as a tooltip as the the pointer moves over particular elements in the drawing.

Standards information

Members

The SVGTitleElement 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).
  • ownerSVGElement: Gets the nearest ancestor svg element.
  • style: Gets a style object.
  • viewportElement: Gets the element that established the current viewport.
  • xmlbase: Gets or sets the base attribute on the element.
  • xmllang: Gets or sets a value that specifies the language that is used in the contents and attribute values of an element.
  • xmlspace: Gets or sets a value that indicates whether white space is preserved in character data.


See also

Related pages (MSDN)

Attribution

This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]