SVG <title> element
The <title> SVG element provides an accessible, short-text description of any SVG container element or graphics element.
Text in an <title> element is not rendered as part of the graphic, but browsers usually display it as a tooltip. When you hover over the element, the title of that element will be shown.
Syntax:
<title> TITLE HERE </title>
Attributes:
- core Attributes: These attributes are core attributes like id, etc.
- styling Attributes: These attributes define styling, exp, class, style.
Example: Making green consecutive circles inheriting attributes from the <g> element
.
<!DOCTYPE html> < html > < body > < svg viewBox = "0 0 100 100" > < circle cx = "5" cy = "5" r = "2" fill = "green" > < title >I'm a Geeky Circle</ title > </ circle > </ svg > </ body > </ html > |
chevron_right
filter_none
Output:
Browsers Supported:
- Google Chrome
- Internet Explorer
- Firefox
- Apple Safari
- Opera