Presentation Attributes vs Inline Styles

This is a distinction worth knowing about. They look pretty similar. They can do some of the same things. But, one is very easy to override and the other is not.

Inline styles are likely a bit more familiar:

<div style="width: 300px; height: 300px;">
Inline styles on an HTML element.
</div>

SVG can do that too:

<svg style="width: 300px;">
Inline styles on an SVG element.
</svg>

But SVG has this concept of presentational attributes as well, meaning we could do …

Presentation Attributes vs Inline Styles is a post from CSS-Tricks