SVG/Attribut/width

Das width-Präsentationsattribut bestimmt die Breite eines SVG-Dokuments oder -Elements.

Erlaubte Werte

• eine nicht-negative Längenangabe

Standardwert

beim svg-Element: 100%
bei Filter und mask: 120%

anwendbar auf

alle Elemente

Präsentationsattribut

ja

mit CSS animierbar

ja, siehe Einzelwerte

Beispiel

<svg xmlns="http://www.w3.org/2000/svg" width="297mm" height="210mm"> 
<style>
#quadrat:hover,
#quadrat:focus {

  fill: #c32e04;
  width: 150px;
  height: 50px;	
}

</style>

<rect id="quadrat" tabindex="3" x="380" y="30" width="140" height="140" />

SVG-Dokumente können z.B. für die Druckausgabe eine Angabe des Papierformats enthalten. Für SVGs in Webseiten kann eine solche Breitenangabe weggelassen werden.
Das rect-Element enthält ein width-XML-Attribut mit einem Wert von 140. Im CSS wird ein Regelsatz für :hover festgelegt, der es auf eine Breite von 150 vergrößert.

Beachten Sie: Firefox benötigt im Stylesheet eine Angabe in Pixeln, obwohl es eigentlich dimensionslose Größen sind.

Siehe auch

• SVG/Tutorials/Einstieg/Grundformen#Einbindung
• SVG/Tutorials/Einstieg/SVG mit CSS stylen
  • Geometrie-Attribute (Angabe von px in Stylesheets für Firefox)
• CSS/Eigenschaften/width

Weblinks

• Spezifikation (W3C): ContentSizeProperties