SVG skalieren und Größe mit CSS anpassen

[Matthias Scharwies]

Servus petro74,

lebe zur Zeit 5 Zeitzonen weiter westlich.

Neufundland (deswegen blue balls) oder DDR (Deutsche Dominikanische Republik)? 😀duckundwech

Ich würde an dieser Stelle zu einem Trick greifen. Du kannst list-style-type:none setzen und dem li-Element ein Background-Image geben, das Du so platzierst und skalierst, als wäre es der List-Marker. Hier kannst Du deine SVGs einbinden und sie auch skalieren.

Du musst dafür nur das Padding des ul Elements reduzieren und dem li Element etwas linkes Padding geben, um Platz für den handgemachten Marker zu schaffen.

Aber vielleicht hat ja auch noch jemand eine elegantere Idee.

• HTML/Tutorials/Listen/Gestaltung_mit_CSS

a. mit dem ::marker-Selektorr (nicht im IE)

b. mit einem Pseudo-Element li::before (alle Browser)

Herzliche Grüße

Matthias Scharwies