The SVG styling attributes are all the attributes that can be specified on any SVG element to apply CSS styling effects.
The SVG styling attributes are all the attributes that can be specified on any SVG element to apply CSS styling effects.
class Assigns a class name or set of class names to an element. It functions identically to the class attribute in HTML. Value: Any valid ID string; Animatable: Yes
style It specifies style information for its element. It functions identically to the style attribute in HTML. Value: Any valid style string; Animatable: No
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
class |
Yes | 12 | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
style |
Yes | 12 | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/Styling