Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
height
Dasheight-Attribut definiert die vertikale Länge eines Elements im Benutzerkoordinatensystem.
Dieses Attribut können Sie mit den folgenden SVG-Elementen verwenden:
In diesem Artikel
Beispiel
html,body,svg { height: 100%;}<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> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feColorMatrix
Für<feColorMatrix> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feComponentTransfer
Für<feComponentTransfer> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feComposite
Für<feComposite> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feConvolveMatrix
Für<feConvolveMatrix> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feDiffuseLighting
Für<feDiffuseLighting> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feDisplacementMap
Für<feDisplacementMap> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feDropShadow
Für<feDropShadow> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feFlood
Für<feFlood> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feGaussianBlur
Für<feGaussianBlur> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feImage
Für<feImage> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feMerge
Für<feMerge> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feMorphology
Für<feMorphology> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feOffset
Für<feOffset> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feSpecularLighting
Für<feSpecularLighting> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feTile
Für<feTile> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
feTurbulence
Für<feTurbulence> definiertheight die vertikale Länge für den Renderbereich der Primitiven.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 100% |
| Animierbar | Ja |
filter
Für<filter> definiertheight die vertikale Länge des Renderbereichs des Filters.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 120% |
| Animierbar | Ja |
foreignObject
Für<foreignObject> definiertheight die vertikale Länge des Renderbereichs für das referenzierte Dokument.
| Wert | auto |<length> |<percentage> |
|---|---|
| Standardwert | auto (behandelt als0) |
| Animierbar | Ja |
Hinweis:Ab SVG2 istheight eineGeometrie-Eigenschaft, was bedeutet, dass dieses Attribut auch als CSS-Eigenschaft für<foreignObject> verwendet werden kann.
image
Für<image> definiertheight 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 istheight eineGeometrie-Eigenschaft, was bedeutet, dass dieses Attribut auch als CSS-Eigenschaft für Bilder verwendet werden kann.
mask
Für<mask> definiertheight die vertikale Länge seines Wirkungsbereichs. Die genaue Wirkung dieses Attributs wird durch dasmaskUnits-Attribut beeinflusst.
| Wert | <length> |<percentage> |
|---|---|
| Standardwert | 120% |
| Animierbar | Ja |
pattern
Für<pattern> definiertheight die vertikale Länge des Kachelmusters. Die genaue Wirkung dieses Attributs wird durch diepatternUnits- undpatternTransform-Attribute beeinflusst.
| Wert | <length> |
|---|---|
| Standardwert | 0 |
| Animierbar | Ja |
rect
Für<rect> definiertheight die vertikale Länge für das Rechteck.
| Wert | auto |<length> |<percentage> |
|---|---|
| Standardwert | auto (behandelt als0) |
| Animierbar | Ja |
Hinweis:Ab SVG2 istheight eineGeometrie-Eigenschaft, was bedeutet, dass dieses Attribut auch als CSS-Eigenschaft für Rechtecke verwendet werden kann.
svg
Für<svg> definiertheight die vertikale Länge für den Renderbereich des SVG-Viewports.
Hinweis:In einem HTML-Dokument, wenn sowohl dieviewBox- als auch dieheight-Attribute weggelassen werden,wird das svg-Element mit einer Höhe von150px gerendert
| Wert | auto |<length> |<percentage> |
|---|---|
| Standardwert | auto (behandelt als100%) |
| Animierbar | Ja |
Hinweis:Ab SVG2 istheight eineGeometrie-Eigenschaft, was bedeutet, dass dieses Attribut auch als CSS-Eigenschaft für<svg> verwendet werden kann.
use
Für<use> definiertheight die vertikale Länge für das referenzierte Element.
| Wert | auto |<length> |<percentage> |
|---|---|
| Standardwert | auto (behandelt als0) |
| Animierbar | Ja |
Hinweis:>height hat keine Wirkung aufuse-Elemente, es sei denn, das referenzierte Element hat einenviewBox - d.h. sie haben nur dann Auswirkungen, wennuse sich auf einsvg- odersymbol-Element bezieht.
Hinweis:Ab SVG2 istheight eineGeometrie-Eigenschaft, was bedeutet, dass dieses Attribut auch als CSS-Eigenschaft für verwendete Elemente verwendet werden kann.
Spezifikationen
Siehe auch
- CSS
height-Eigenschaft