SVG stands for Scalable Vector Graphic. It can be used to make graphics and animations like in HTML canvas. It is a type of vector graphic that may be scaled up or down. Properties are used for passing the value to the element, there are lots of properties that can be used in SVG elements.
List of SVG Properties:
SVG Properties | Description |
|---|---|
| AElement.href | It returns an SVGAnimatedLength object corresponding to the attribute of the given A element. |
| prefix | It returns prefix of the given Attr Element. |
| namespaceURI | It returns namespaceURI of the given Attribute element. |
| DOMStringList.length | It returns the length of the given DOMStringList element. |
| ownerElement | It returns ownerElement of the given Attr Element. |
| TextPathElement.startOffset | It returns an SVGAnimatedLength object corresponding to the attribute of the given textpath element. |
| localName | It returns localName of the given Attr element. |
| Event.returnValue | It returns a string containing the event's type. |
| Event.isTrusted | This property is a boolean that is true when the event was generated by a user action. |
| Event.currentTarget | It identifies the current target for the event, as the event traverses the DOM. |
| Event.bubbles | It indicates whether the event bubbles up through the DOM or not. |
| Event.composed | It indicates whether the event will propagate across the shadow DOM boundary into the standard DOM. |
| Event.defaultPrevented | It indicates whether the event can be canceled. |
| Element.outerHTML | It returns innerHTML of the given element. |
| Document.doctype | It returns the doctype of the document. |
| Document.head | It returns an object which contains the information about the head of the document. |
| Document.body | It returns an object which contains the information about the body of the document. |
| Document.image | It returns the collection of images in the current HTML document. |
| Document.timeline | It represents the default timeline of the current document. |
| Document.scripts | The SVG Document.scripts property returns the list of script element in the document. |
| Document.hidden | It returns the boolean value for the check if the page is hidden or not. |
| Document.documentURI | It returns the document location as a string. |
| Document.documentElement | It returns the root element of the document. |
| LineElement.x2 | It returns an SVGAnimatedLength object corresponding to the attribute of the given line element. |
| LineElement.y2 | It returns an SVGAnimatedLength object corresponding to the attribute of the given line element. |
| LineElement.x1 | It returns an SVGAnimatedLength object corresponding to the attribute of the given line element. |
| LineElement.y1 | It returns an SVGAnimatedLength object corresponding to the attribute of the given line element. |
| Element.part | It returns a DOMTokenList which represents the part identifiers for the given element. |
| Element.id | It returns the id of the given element. |
| Element.attributes | It returns an object that contains all the attributes of the given element. |
| Element.classList | It returns the classList of the given element. |
| Element.className | It returns the className of the given Element. |
| Element.innerHTML | The SVG Element.innerHTML property returns innerHTML of the given element. |
| LinearGradientElement.x2 | It returns an SVGAnimatedLength object corresponding to the attribute of the given LinearGradient element. |
| LinearGradientElement.y1 | It returns an SVGAnimatedLength object corresponding to the attribute of the given LinearGradient element. |
| LinearGradientElement.y2 | It returns an SVGAnimatedLength object corresponding to the attribute of the given LinearGradient element. |
| LinearGradientElement.x1 | It returns an SVGAnimatedLength object corresponding to the attribute of the given LinearGradient element. |
| EllipseElement.ry | It returns an SVGAnimatedLength object corresponding to the attribute of the given ellipse element. |
| EllipseElement.rx | It returns an SVGAnimatedLength object corresponding to the attribute of the given ellipse element. |
| EllipseElement.cy | It returns an SVGAnimatedLength object corresponding to the attribute of the given ellipse element. |
| EllipseElement.cx | It returns an SVGAnimatedLength object corresponding to the attribute of the given ellipse element. |
| RectElement.y | It returns an SVGAnimatedLength object corresponding to the attribute of the given rectangle element. |
| RectElement.x | It returns an SVGAnimatedLength object corresponding to the attribute of the given rectangle element. |
| RectElement.ry | It returns an SVGAnimatedLength object corresponding to the attribute of the given rectangle element. |
| RectElement.width | It returns an SVGAnimatedLength corresponding to the attribute of the given rectangle element. |
| RectElement.height | It returns an SVGAnimatedLength with respect to the rect element. |
| RectElement.rx | It returns an SVGAnimatedLength object corresponding to the attribute of the given rectangle element. |
| CircleElement.r | It returns an SVGAnimatedLength object corresponding to the attribute of the given line element. |
| CircleElement.cy | It returns an SVGAnimatedLength object corresponding to the attribute of the given line element. |
| CircleElement.cx | It returns an SVGAnimatedLength object corresponding to the attribute of the given line element. |
| stop-opacity | It indicates the alpha value or opacity to be used at the stop point. |
| ScriptElement.type | It returns an SVGAnimatedLength object corresponding to the attribute of the given script element. |
| Stroke | It defines the color of a line, text or outline of an element. |
| SpecularLighting.specularExponent | It returns the SVGAnimatedNumber object corresponding to the specularExponent component. |
| SpecularLighting.kernelUnitLengthY | It returns the SVGAnimatedNumber object corresponding to the kernelUnitLengthY component. |
| UseElement.height | It returns an SVGAnimatedLength object corresponding to the attribute of the given use element |
| UseElement.width | It returns an SVGAnimatedLength object corresponding to the attribute of the given use element. |
| UseElement.x | It returns an SVGAnimatedLength object corresponding to the attribute of the given use element |
| UseElement.y |