Es gibt diverse Möglichkeiten, die Darstellung eines Elements zu beeinflussen: zum einen durch die Attribute, die das bestimmte Element besitzt. Eine andere Möglichkeit besteht durch andere Elemente, die komplexe Designs wie Muster und Filter erstellen und dann dem Geometrie-Element zugewiesen werden können. Hier werden die Attributen beschrieben:

Um zu beschreiben, wie ein Element gefüllt werden soll, gibt es die fill-Attribute:

Ein Beispiel zu Fülleigenschaften.

Um die Kontur eines Elementes zu beschreiben, benutzt man die stroke-Attribute:

Ein Beispiel zu Kontureigenschaften. Das Beispielelement ist diesmal zur besseren Deutlichkeit nicht <rect>, sondern <line>, das eine Linie von (x1,y1) nach (x2,y2) zeichnet.

Wie in normalen HTML-Seiten gibt es Stylesheets zur Definition der Darstellung. Über das style-Attribut können direkt Darstellungsinformationen für das aktuelle Element angegeben werden, unterstützt werden CSS2-Eigenschaften und die bereits angegeben Darstellungseigenschaften (fill, stroke, stroke-width etc.). Für die einzelnen Elemente kommen natürlich noch diverse Attribute, die dann auch im Stylesheet angegeben werden können, hinzu, Text z.B. besitzt noch Eigenschaften wie Text-Größe und -Gewicht. Diese werden dann bei der Vorstellung der Elemente selber erklärt. Vorraussetzung ist natürlich, dass der user agent (im meisten Fall der Browser) CSS unterstützt. Ein Beispiel hierzu.

Dazu sei zu sagen, dass es in den meisten Fällen günstiger ist, Stylesheets auszulagern, entweder Dokumenten-intern oder extern. Dadurch können Darstellungsangaben wiederverwendet werden, Codeverdopplung wird vermieden und ein einheitliches Design (besonders bei der Benutzung von externen Stylesheets in mehreren SVGs) wird garantiert. Will man einem Element eine definierte Stylesheet-Klasse zuweisen, macht man das wie in HTML über das class-Attribut. Ein Beispiel hierzu findet sich in Kapitel 2.5.5.1 Element zur Darstellung > CSS, wo Stylesheets noch einmal ausführlicher besschrieben werden.