CSS Elemente in SVG einbauen

Zur Navigation springen Zur Suche springen
In SVG-Dateien können CSS-Stilelement verwendet werden. In den Definitionsabschnitt folgendes einfügen:
<style type="text/css">
    <![CDATA[
    #hhand { fill:cyan; stroke:purple; }       //Id
    .tics { stroke:purple; stroke-width:2px; } //class
    text { fill: cyan; stroke: purple; stroke-width: 0.75px; font-family: "Tw Cen MT Condensed Extra Bold","sans serif"; } //element
  ]]>
</style>

Anwendungsbeispiel

<circle r="100" class="tics" />
<rect width="200" height="100" id="hhand" />

Beispiel für Einbindung diverser XML-Elemente in eine CSS-Datei[1]