<style>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Das <style> SVG-Element ermöglicht das Einbetten von Stylesheets direkt in SVG-Inhalte.
Hinweis:
Das style-Element von SVG hat dieselben Attribute wie das entsprechende Element in HTML (siehe HTML's <style>-Element).
Verwendungskontext
| Kategorien | Keine |
|---|---|
| Erlaubter Inhalt | Beliebige Elemente oder Zeichendaten |
Attribute
type-
Dieses Attribut definiert den Typ der zu verwendenden Stylesheet-Sprache als einen Medientyp-String. Wertetyp: **`
`** ; Standardwert:text/css; Animiert: nein media-
Dieses Attribut definiert, auf welches
Mediumder Stil angewendet wird. Wertetyp:<media-query-list>; Standardwert:all; Animiert: nein title-
Dieses Attribut ist der Titel des Stylesheets, der verwendet werden kann, um zwischen alternativen Stylesheets zu wechseln. Wertetyp:
<string>; Standardwert: kein; Animiert: nein
DOM-Interface
Dieses Element implementiert das SVGStyleElement-Interface.
Beispiel
<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 |