SVG/Attribut/height

Das height-Attribut bestimmt die Höhe eines Elements.

erlaubte Werte	eine nicht-negative Längenangabe inherit
default-Wert	beim svg-Element: 100% bei Filtern: 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 height-Attribut mit einem Wert von 140. Des Weiteren wird es bei hover über CSS auf eine Höhe von 50 vergößert.

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

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

Siehe auch

• SVG/Tutorials/Einstieg/SVG mit CSS stylen

Weblinks

• W3C: ContentSizeProperties