What is svg element

Get certified by completing a course today! If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:. Links Link Colors Link Bookmarks. Report Error. Your message has been sent to W3Schools. Let's try an example to see how this works:.

Text contained in separate tspans, but inside the same text element can all be selected at once — when you click and drag to select the text.

However, the text in separate text elements cannot be selected at the same time. Let's check out an example:. The following table summarizes some of the basic differences between these two elements, which will help you to understand how to use these elements effectively and appropriately. Is this website helpful to you? Please give us a like , or share your feedback to help us improve. Example: SVG Rectangle.

Example: Line in SVG. Example: Rectangle in SVG. Example: Circle in SVG. Example: SVG Circle. Example: SVG Ellipse. Example: SVG Text. Example: Text on Ellipse. Style Attribute Description Fill This is the fill color for your element. Like our line example above, we can specify a color for our element.

This is in pixels. This works like CSS. SVG drawings can be interactive and dynamic. Animations can be defined and triggered either declaratively i. SVG is a language for rich graphical content. For accessibility reasons, if there is an original source document containing higher-level structure and semantics, it is recommended that the higher-level information be made available somehow, either by making the original source document available, or making an alternative version available in an alternative format which conveys the higher-level information, or by using SVG's facilities to include the higher-level information within the SVG content.

For suggested techniques in achieving greater accessibility, see Accessibility. SVG 1.