SVG/Attribut/width

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

erlaubte Werte	eine nicht-negative Längenangabe
default-Wert	beim svg-Element: 100% bei Filter und mask: 120%
erlaubt in	alle Elemente

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.

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

Siehe auch

• SVG/Tutorials/Einstieg/Grundformen#Einbindung
• CSS/Eigenschaften/width

Weblinks

• Spezifikation (W3C): ContentSizeProperties