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-Attribut ermöglicht es, ein Element mithilfe von CSS-Deklarationen zu stylen. Es funktioniert identisch wie das style-Attribut in HTML.

Sie können dieses Attribut mit jedem SVG-Element verwenden.

Beispiel

html
<svg viewBox="0 0 100 60" xmlns="http://www.w3.org/2000/svg">
  <rect
    width="80"
    height="40"
    x="10"
    y="10"
    style="fill: skyblue; stroke: cadetblue; stroke-width: 2;" />
</svg>

Anmerkungen zur Nutzung

Wert <style>
Standardwert Keine
Animierbar Nein
<style>

Die Syntax der Stil-Daten hängt von der Stylesheet-Sprache ab. Standardmäßig ist die Stylesheet-Sprache CSS.

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# ElementSpecificStyling

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch