Nos bénévoles n'ont pas encore traduit cet article en Français. Inscrivez-vous et aidez-nous à réaliser cette tâche !
Vous pouvez également lire cet article en English (US).

The data-* SVG attributes are called custom data attributes. They let SVG markup and its resulting DOM share information that standard attributes can't, usually for scripting purposes. Their custom data are available via the SVGElement interface of the element the attributes belong to, with the SVGElement.dataset property.

The * can be replaced by any characters allowed in XML's rules for names, with the following restrictions:

  • Can't start with xml.
  • No semicolons (;, U+003A).
  • No capital A to Z letters.

The SVGElement.dataset property is a DOMStringMap that provides the attribute data-test-value via SVGElement.dataset.testValue. Hyphen characters (-, U+002D) are removed and the next letter is capitalized, resulting in the camelCase format.


Specification Status Comment
Scalable Vector Graphics (SVG) 2
The definition of 'data-*' in that specification.
Candidate Recommendation Custom data attributes are new in SVG 2.

Browser compatibility

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
dataChrome Full support 55Edge ? Firefox Full support 51IE ? Opera Full support 42Safari Full support 10WebView Android Full support 55Chrome Android Full support 55Firefox Android Full support 51Opera Android Full support 42Safari iOS Full support 10Samsung Internet Android ?


Full support  
Full support
Compatibility unknown  
Compatibility unknown

See also

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : fscholz, mdnwebdocs-bot, Tigt, hasalex, Sheppy
Dernière mise à jour par : fscholz,