<style>

Das <style> SVG-Element ermöglicht es, Stylesheets direkt innerhalb von SVG-Inhalten einzubetten.

Hinweis: Das style-Element von SVG hat dieselben Attribute wie das entsprechende Element in HTML (siehe HTML-<style>-Element).

Beispiel

html
<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
  <style>
    circle {
      fill: gold;
      stroke: maroon;
      stroke-width: 2px;
    }
  </style>

  <circle cx="5" cy="5" r="4" />
</svg>

Attribute

type

Dieses Attribut definiert den Typ der Stylesheetsprache, die als Medientyp-String verwendet werden soll. Werttyp: **``**; Standardwert: text/css; Animierbar: nein

media

Dieses Attribut definiert, auf welche Medien der Stil angewendet wird. Werttyp: <media-query-list>; Standardwert: all; Animierbar: nein

title

Dieses Attribut ist der Titel des Stylesheets, welcher zum Wechseln zwischen alternativen Stylesheets verwendet werden kann. Werttyp: <string>; Standardwert: keiner; Animierbar: nein

Verwendungskontext

KategorienKeine
Erlaubter InhaltBeliebige Elemente oder Zeichendaten

Spezifikationen

No specification found

No specification data found for undefined.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Browser-Kompatibilität

Siehe auch