SVG/Attribut/height

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

Erlaubte Werte

• eine nicht-negative Längenangabe

Standardwert

beim svg-Element: 100%
bei Filtern: 120%

anwendbar auf

alle Elemente

Präsentationsattribut

ja

mit CSS animierbar

ja

Beispiel

#quadrat:hover,
#quadrat:focus {
  fill: #c82f04;
  width: 150px;
  height: 50px;	
}

<rect id="quadrat" tabindex="3" 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 verkleinert.

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

Siehe auch

• SVG/Tutorials/Einstieg/SVG mit CSS stylen

Weblinks

• W3C: ContentSizeProperties