SVG/Element/style

Aus SELFHTML-Wiki
< SVG‎ | Element(Weitergeleitet von SVG/Elemente/style)
Wechseln zu: Navigation, Suche

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

Weblinks