Beispiel Flowerish 02: Unterschiedliche Einbindungen der SVG-Datei (externes Stylesheet)

Allen hier verwendeten Einbindungsmöglichkeiten gemeinsam ist, dass die Media Queries und Styleanweisungen aus dem eingebundenen Stylesheet hier nicht wirken. Wird das SVG direkt eingebunden greifen auch die Styles aus dem Stylesheet. Gibt man stattdessen der SVG-Datei die Anweisungen als Inline-Styles mit, greifen diese auch bei den hier gezeigten Einbindungsarten.

SVG im img-Tag eingebunden

SVG als Background-Grafik

SVG mit object eingebunden

SVG mit embed eingebunden