<style>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Das <style>
-SVG-Element ermöglicht es, Stylesheets direkt in SVG-Inhalte einzubetten.
Hinweis:
Das style
-Element von SVG hat dieselben Attribute wie das entsprechende Element in HTML (siehe HTMLs <style>
-Element).
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>
Attribute
type
-
Dieses Attribut definiert den Typ der Stylesheet-Sprache als Media-Type-String. Werttyp: **`
`** ; Standardwert:text/css
; Animierbar: nein media
-
Dieses Attribut definiert, auf welches
media
das Stylesheet angewendet wird. 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
Verwendungskontext
Kategorien | Keine |
---|---|
Erlaubter Inhalt | Beliebige Elemente oder Zeichendaten |
Spezifikationen
Specification |
---|
Scalable Vector Graphics (SVG) 2 # StyleElement |
Browser-Kompatibilität
BCD tables only load in the browser