height
Das height-Attribut definiert die vertikale Länge eines Elements im Benutzerkoordinatensystem.
Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:
<feBlend><feColorMatrix><feComponentTransfer><feComposite><feConvolveMatrix><feDiffuseLighting><feDisplacementMap><feDropShadow><feFlood><feGaussianBlur><feImage><feMerge><feMorphology><feOffset><feSpecularLighting><feTile><feTurbulence><filter><foreignObject><image><mask><pattern><rect><svg><use>
Beispiel
<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.
| Wert | <length> | <percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feColorMatrix
Für <feColorMatrix> definiert height die vertikale Länge des Renderbereichs der Primitiven.
| Wert | <length> | <percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feComponentTransfer
Für <feComponentTransfer> definiert height die vertikale Länge des Renderbereichs der Primitiven.
| Wert | <length> | <percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feComposite
Für <feComposite> definiert height die vertikale Länge des Renderbereichs der Primitiven.
| Wert | <length> | <percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feConvolveMatrix
Für <feConvolveMatrix> definiert height die vertikale Länge des Renderbereichs der Primitiven.
| Wert | <length> | <percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feDiffuseLighting
Für <feDiffuseLighting> definiert height die vertikale Länge des Renderbereichs der Primitiven.
| Wert | <length> | <percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feDisplacementMap
Für <feDisplacementMap> definiert height die vertikale Länge des Renderbereichs der Primitiven.
| Wert | <length> | <percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feDropShadow
Für <feDropShadow> definiert height die vertikale Länge des Renderbereichs der Primitiven.
| Wert | <length> | <percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feFlood
Für <feFlood> definiert height die vertikale Länge des Renderbereichs der Primitiven.
| Wert | <length> | <percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feGaussianBlur
Für <feGaussianBlur> definiert height die vertikale Länge des Renderbereichs der Primitiven.
| Wert | <length> | <percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feImage
Für <feImage> definiert height die vertikale Länge des Renderbereichs der Primitiven.
| Wert | <length> | <percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feMerge
Für <feMerge> definiert height die vertikale Länge des Renderbereichs der Primitiven.
| Wert | <length> | <percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feMorphology
Für <feMorphology> definiert height die vertikale Länge des Renderbereichs der Primitiven.
| Wert | <length> | <percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feOffset
Für <feOffset> definiert height die vertikale Länge des Renderbereichs der Primitiven.
| Wert | <length> | <percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feSpecularLighting
Für <feSpecularLighting> definiert height die vertikale Länge des Renderbereichs der Primitiven.
| Wert | <length> | <percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feTile
Für <feTile> definiert height die vertikale Länge des Renderbereichs der Primitiven.
| Wert | <length> | <percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feTurbulence
Für <feTurbulence> definiert height die vertikale Länge des Renderbereichs der Primitiven.
| 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 (behandelt als 0) |
| Animierbar | Ja |
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 | Ja |
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 | Ja |
pattern
Für <pattern> definiert height die vertikale Länge des Kachelmusters. 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 (behandelt als 0) |
| Animierbar | Ja |
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-Ansichtsfensters.
Hinweis:
In einem HTML-Dokument, wenn sowohl die Attribute viewBox als auch height fehlen, wird das svg-Element mit einer Höhe von 150px gerendert
| Wert |
auto |
<length>
|
<percentage>
|
|---|---|
| Standardwert | auto (behandelt als 100%) |
| Animierbar | Ja |
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 | Ja |
Hinweis: height hat keine Wirkung auf use-Elemente, es sei denn, das referenzierte Element hat eine viewBox - das heißt, sie haben nur eine Auswirkung, 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.