SVG/Attribute/width

Aus SELFHTML-Wiki
< SVG‎ | Attribute
Wechseln zu: Navigation, Suche

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

erlaubte Werte
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

Weblinks