Referenz:SVG/Attribute/width

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Attribut width
Beschreibung bestimmt die Breite eines Elements
erlaubte Werte
default-Wert beim svg-Element: 100%
bei Filter und mask: 120%
animierbar ja, siehe Einzelwerte
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Browsersupport
  • Chrome
  • Firefox
  • IE 9
  • Opera
  • Safari
Spezifikation W3c logo klein.gif ContentSizeProperties
Beispiel
<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" />

Das rect-Element enthält ein width-Attribut mit einem Wert von 150. Des Weiteren wird es bei hover über CSS auf eine Breite von 150 vergößert.

Beachten Sie

Der Firefox benötigt eine Angabe in Pixeln, obwohl es eigentlich dimensionslose Größen sind.

Tipp

In SVG2 wird das width-Attribut zur Geometrie-Eigenschaft, die auch durch CSS festgelegt werden kann.