1. Web
  2. SVG
  3. Reference
  4. Attributes
  5. height

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

height

Das Attribut height definiert die vertikale Länge eines Elements im Benutzerkoordinatensystem.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

feBlend

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

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

feColorMatrix

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

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

feComponentTransfer

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

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

feComposite

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

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

feConvolveMatrix

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

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

feDiffuseLighting

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

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

feDisplacementMap

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

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

feDropShadow

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

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

feFlood

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

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

feGaussianBlur

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

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

feImage

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

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

feMerge

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

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

feMorphology

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

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

feOffset

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

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

feSpecularLighting

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

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

feTile

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

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

feTurbulence

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

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

filter

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

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

foreignObject

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

Wert auto | <length> | <percentage>
Standardwert auto (wird wie 0 behandelt)
Animierbar Ja

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

image

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

Wert auto | <length> | <percentage>
Standardwert auto (wird wie die intrinsische Höhe des Bildes behandelt)
Animierbar Ja

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

mask

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

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

pattern

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

Wert <length>
Standardwert 0
Animierbar Ja

rect

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

Wert auto | <length> | <percentage>
Standardwert auto (wird wie 0 behandelt)
Animierbar Ja

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

svg

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

Hinweis: Wenn in einem HTML-Dokument sowohl das Attribut viewBox als auch das Attribut height fehlen, wird das svg-Element mit einer Höhe von 150px gerendert.

Wert auto | <length> | <percentage>
Standardwert auto (wird wie 100% behandelt)
Animierbar Ja

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

use

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

Wert auto | <length> | <percentage>
Standardwert auto (wird wie 0 behandelt)
Animierbar Ja

Hinweis: height hat auf use-Elemente keine Auswirkung, es sei denn, das referenzierte Element hat eine viewBox. Das Attribut wirkt sich also nur aus, wenn use auf ein svg- oder symbol-Element verweist.

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

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>

Spezifikationen

Spezifikation
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

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden