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 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
Siehe auch
- CSS
height
Eigenschaft