style

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Mehr erfahren
Vollständige Kompatibilität anzeigen

Das style Attribut ermöglicht es Ihnen, ein Element mit 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,
body,
svg {
  height: 100%;
}

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>

Nutzungshinweise

Wert	`<style>`
Standardwert	Keine
Animierbar	Nein

<style>: Die Syntax der Style-Daten hängt von der Stylesheet-Sprache ab. Standardmäßig ist die Stylesheet-Sprache CSS.

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 2 # ElementSpecificStyling

Browser-Kompatibilität

Siehe auch

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden