SVG/Element/style

Das style-Element enthält Angaben zur Gestaltung der SVG-Elemente, entweder als externes Stylesheet oder in Regelsätzen mit Präsentationsattributen.

Syntax

Start-Tag: notwendig

End-Tag: notwendig

Elternelemente

Darf vorkommen in:
jedem Element, das fließenden Inhalt erlaubt.

erlaubte Inhalte

alle Elemente

Attribute

Name	Inhalt	Standardwert	Bedeutung
type
media	CDATA
title	CDATA

Attribut: Pflichtattribut
Attribut: optionales Attribut

Beispiel

<svg>
  <style type="text/css">
    <![CDATA[
      circle {
        cx: 50;
        cy: 50;
        r:  50;
        fill: #dfac20;
        stroke: #3983ab;
        stroke-width: 2;
      }
    ]]>
  </style> 
  <circle id="beispiel3" />
</svg>

Beachten Sie: Da in CSS-Angaben anders als in XML-Dokumenten ein > vorkommen darf, müssen die Stil-Definitionen in CDATA gekapselt werden.

Siehe auch

Der Begriff style ist mehrdeutig.
style bezeichnet

• ein HTML-Element: HTML/Elemente/style
  siehe:
  • HTML/Tutorials/Grundgerüst
  • CSS/Tutorials/Einstieg/Stylesheets einbinden
• ein Universalattribut: siehe HTML/Attribute/style
• ein SVG-Element: siehe SVG/Element/style
  • SVG und CSS: Einbindung in die SVG-Grafik
• ein Attribut in SVG: SVG/Attribut/style
• eine JavaScript-Eigenschaft: siehe
  • JavaScript und CSS
    • Das style-Objekt als Schnittstelle zu Inline-Styles

Weblinks

• W3C: style Element