SVG mittels CSS färben

[Robert B.]

Moin,

Ein aussagekräftiges Beispiel zu erstellen ist hingegen etwas aufwendiger.

Nö, das hat mich jetzt inklusive Testen und Feierabendgetränk vielleicht 15 Minuten gekostet. In Kürze:

<svg width="300" height="100">
    <rect id="rot" x="10" y="10" width="80" height="80"/>
    <rect id="gruen" x="110" y="10" width="80" height="80"/>
    <rect id="blau" x="210" y="10" width="80" height="80"/>
</svg>

rect {
        stroke-width: 2px;
        stroke: silver;
}
#rot {
        fill: #b00;
}
#gruen {
        fill: #115909;
}
#blau {
        fill: #233652;
}

Viele Grüße
Robert