SVG Core Attributes
The SVG core attributes are all the common attributes that can be specified on any SVG element.
Attributes
id
-
Defines a unique identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS). Value: Any valid ID string; Animatable: No
lang
-
Participates in defining the language of the element, the language that non-editable elements are written in or the language that editable elements should be written in. The tag contains one single entry value in the format defined in the Tags for Identifying Languages (BCP47) IETF document.
Note: SVG 2 introduced the new
lang
attributes. If bothlang
andxml:lang
attribute are used,xml:lang
has priority overlang
.Value: Any valid language ID; Animatable: No
tabindex
-
The tabindex SVG attribute allows you to control whether an element is focusable and to define the relative order of the element for the purposes of sequential focus navigation. Value type: <integer>; Animatable: No
xml:base
-
Specifies a base IRI other than the base IRI of the document. Value type: <IRI>; Animatable: No
xml:lang
-
It is a universal attribute allowed in all XML dialects to mark up the natural human language that an element contains. It's almost identical in usage to HTML's lang, but in conforming XML 1.0 documents, it does not allow the use of a null attribute value (
xml:lang=""
) to indicate an unknown language. Instead, usexml:lang="und"
.Note: SVG 2 introduced the new
lang
attributes. If bothlang
andxml:lang
attribute are used,xml:lang
has priority overlang
.Value: Any valid language ID; Animatable: No
-
xml:space
-
SVG supports the standard XML attribute
xml:space
to specify the handling of white space characters within a given<text>
element's character data.Note: Instead of using the
xml:space
attribute you should use thewhite-space
CSS property.Value:
default
|preserve
; Animatable: No
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
id |
Yes |
12 |
Yes |
Yes |
Yes |
Yes |
Yes |
Yes |
Yes |
Yes |
Yes |
Yes |
lang |
? |
? |
? |
? |
? |
? |
? |
? |
? |
? |
? |
? |
tabindex |
Yes |
12 |
51 |
Yes |
Yes |
Yes |
Yes |
Yes |
51 |
Yes |
Yes |
Yes |
xml_base |
? |
? |
? |
? |
? |
? |
? |
? |
? |
? |
? |
? |
xml_lang |
? |
? |
? |
? |
? |
? |
? |
? |
? |
? |
? |
? |
xml_space |
? |
? |
3 |
? |
? |
? |
? |
? |
4 |
? |
? |
? |
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/Core