<style>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das <style> SVG-Element ermöglicht es, Stylesheets direkt im SVG-Inhalt einzubetten.

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

Verwendungskontext

Kategorien	Keine
Erlaubter Inhalt	Beliebige Elemente oder Zeichendaten

Attribute

type: Dieses Attribut definiert den Typ der Stylesheet-Sprache als Medien-Typ-String. Werttyp: **``**; Standardwert: text/css; Animierbar: nein
media: Dieses Attribut definiert, für welches Medium die Styles gelten. Werttyp: <media-query-list>; Standardwert: all; Animierbar: nein
title: Dieses Attribut ist der Titel des Stylesheets, der verwendet werden kann, um zwischen alternativen Stylesheets zu wechseln. Werttyp: <string>; Standardwert: none; Animierbar: nein

DOM-Schnittstelle

Dieses Element implementiert die SVGStyleElement-Schnittstelle.

Beispiel

html,
body,
svg {
  height: 100%;
}

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>

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2 # StyleElement

Browser-Kompatibilität

Siehe auch

<style>-Element in HTML