SVG/Attribut/Präsentationsattribute
Aus SELFHTML-Wiki
SVG verwendet Präsentationsattribute. Sie können entweder
- als XML-Attribut,
- oder als CSS-Eigenschaft
- innerhalb eines style-Attributs
- oder in einem gesonderten CSS-Bereich festgelegt werden. Keines der Attribute ist erforderlich.
Präsentationsattribute definieren, wie die Grafikelemente im SVG-Inhalt gerendert werden sollen. SVG verwendet Styling-Eigenschaften für Folgendes:
- Parameter, die eindeutig visueller Natur sind und sich daher für das Styling eignen. Beispiele hierfür sind alle Attribute, die definieren, wie ein Objekt "gemalt" wird, wie z. B. Füll- und Strichfarben, Linienbreiten und Strichstile.
- Parameter, die mit der Textgestaltung zu tun haben, wie Schriftfamilie und -größe.
- Parameter, die sich auf die Art und Weise auswirken, wie grafische Elemente gerendert werden, wie z. B. die Angabe von Beschneidungspfaden, Masken, Pfeilspitzen, Markierungen und Filtereffekten.
Beachten Sie: Präsentationsattribute können für jedes Element festgelegt werden. Dies heißt jedoch nicht, dass sie auch gerendert werden. So hat das font-Attribut z.B. auf einen circle keine Auswirkungen.
Hauptartikel: SVG/Tutorials/Einstieg/SVG mit CSS stylen
- font
- font-family
- font-size
- font-size-adjust
- font-stretch
- font-style
- font-variant
- font-weight
- height (SVG 2)
- isolation
- letter-spacing
- lighting-color
- marker
- marker-end
- marker-mid
- marker-start
- mask
- opacity
- overflow
- paint-order
- pointer-events
- r (SVG 2)
- rx (SVG 2)
- ry (SVG 2)
- shape-rendering
- stop-color
- stop-opacity
- stroke
- stroke-dasharray
- stroke-dashoffset
- stroke-linecap
- stroke-linejoin
- stroke-miterlimit
- stroke-opacity
- stroke-width
- text-anchor
- text-decoration
- text-rendering
- transform
- unicode-bidi
- vector-effect
- visibility
- white-space
- width (SVG 2)
- word-spacing
- writing-mode
Die mit (SVG 2) gekennzeichneten Attribute sind in SVG 2 neu hinzugekommen.