height

Beispiel

html
<svg viewBox="0 0 300 100" xmlns="http://www.w3.org/2000/svg">
  <!-- With a height of 0 or less, nothing will be rendered -->
  <rect y="0" x="0" width="90" height="0" />
  <rect y="0" x="100" width="90" height="60" />
  <rect y="0" x="200" width="90" height="100%" />
</svg>

feBlend

Für <feBlend> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

feColorMatrix

Für <feColorMatrix> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

feComponentTransfer

Für <feComponentTransfer> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

feComposite

Für <feComposite> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

feConvolveMatrix

Für <feConvolveMatrix> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

feDiffuseLighting

Für <feDiffuseLighting> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

feDisplacementMap

Für <feDisplacementMap> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

feDropShadow

Für <feDropShadow> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

feFlood

Für <feFlood> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

feGaussianBlur

Für <feGaussianBlur> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

feImage

Für <feImage> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

feMerge

Für <feMerge> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

feMorphology

Für <feMorphology> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

feOffset

Für <feOffset> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

feSpecularLighting

Für <feSpecularLighting> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

feTile

Für <feTile> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

feTurbulence

Für <feTurbulence> definiert height die vertikale Länge des Renderbereichs der primitiven Form.

Wert <length> | <percentage>
Standardwert 100%
Animierbar Yes

filter

Für <filter> definiert height die vertikale Länge des Renderbereichs des Filters.

Wert <length> | <percentage>
Standardwert 120%
Animierbar Yes

foreignObject

Für <foreignObject> definiert height die vertikale Länge des Renderbereichs für das referenzierte Dokument.

Wert auto | <length> | <percentage>
Standardwert auto (behandelt als 0)
Animierbar Yes

Hinweis: Ab SVG2 ist height eine Geometrie-Eigenschaft, was bedeutet, dass dieses Attribut auch als CSS-Eigenschaft für <foreignObject> verwendet werden kann.

image

Für <image> definiert height die vertikale Länge des Bildes.

Wert auto | <length> | <percentage>
Standardwert auto (behandelt als die intrinsische Höhe des Bildes)
Animierbar Yes

Hinweis: Ab SVG2 ist height eine Geometrie-Eigenschaft, was bedeutet, dass dieses Attribut auch als CSS-Eigenschaft für Bilder verwendet werden kann.

mask

Für <mask> definiert height die vertikale Länge seines Wirkungsbereichs. Die genaue Wirkung dieses Attributs wird durch das maskUnits Attribut beeinflusst.

Wert <length> | <percentage>
Standardwert 120%
Animierbar Yes

pattern

Für <pattern> definiert height die vertikale Länge des Kachelmusters. Die genaue Wirkung dieses Attributs wird durch die patternUnits und patternTransform Attribute beeinflusst.

Wert <length>
Standardwert 0
Animierbar Yes

rect

Für <rect> definiert height die vertikale Länge des Rechtecks.

Wert auto | <length> | <percentage>
Standardwert auto (behandelt als 0)
Animierbar Yes

Hinweis: Ab SVG2 ist height eine Geometrie-Eigenschaft, was bedeutet, dass dieses Attribut auch als CSS-Eigenschaft für Rechtecke verwendet werden kann.

svg

Für <svg> definiert height die vertikale Länge des Renderbereichs des SVG-Viewports.

Hinweis: In einem HTML-Dokument, wenn sowohl das viewBox-Attribut als auch das height-Attribut weggelassen werden, wird das svg-Element mit einer Höhe von 150px gerendert

Wert auto | <length> | <percentage>
Standardwert auto (behandelt als 100%)
Animierbar Yes

Hinweis: Ab SVG2 ist height eine Geometrie-Eigenschaft, was bedeutet, dass dieses Attribut auch als CSS-Eigenschaft für <svg> verwendet werden kann.

use

Für <use> definiert height die vertikale Länge des referenzierten Elements.

Wert auto | <length> | <percentage>
Standardwert auto (behandelt als 0)
Animierbar Yes

Hinweis: height hat keine Auswirkung auf use-Elemente, es sei denn, das referenzierte Element hat eine viewBox - das heißt, sie haben nur eine Wirkung, wenn use sich auf ein svg oder symbol Element bezieht.

Hinweis: Ab SVG2 ist height eine Geometrie-Eigenschaft, was bedeutet, dass dieses Attribut auch als CSS-Eigenschaft für verwendete Elemente verwendet werden kann.

Spezifikationen

Specification
Filter Effects Module Level 1
# element-attrdef-filter-height
Filter Effects Module Level 1
# element-attrdef-filter-primitive-height
CSS Masking Module Level 1
# element-attrdef-mask-height
Scalable Vector Graphics (SVG) 2
# Sizing
Scalable Vector Graphics (SVG) 2
# PatternElementHeightAttribute

Siehe auch