height - SVG

Beispiel

html,
body,
svg {
  height: 100%;
}

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 des Primitivs.

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

feColorMatrix

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

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

feComponentTransfer

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

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

feComposite

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

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

feConvolveMatrix

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

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

feDiffuseLighting

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

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

feDisplacementMap

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

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

feDropShadow

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

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

feFlood

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

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

feGaussianBlur

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

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

feImage

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

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

feMerge

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

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

feMorphology

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

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

feOffset

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

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

feSpecularLighting

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

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

feTile

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

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

feTurbulence

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

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 Geometrieeigenschaft, 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 für das Bild.

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

Hinweis: Ab SVG2 ist height eine Geometrieeigenschaft, 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 Fliesenmusters. Die genaue Wirkung dieses Attributs wird durch die patternUnits und patternTransform Attribute beeinflusst.

Wert	<length>
Standardwert	`0`
Animierbar	Ja

rect

Für <rect> definiert height die vertikale Länge für das Rechteck.

Wert	`auto` \| <length> \| <percentage>
Standardwert	`auto` (behandelt als `0`)
Animierbar	Ja

Hinweis: Ab SVG2 ist height eine Geometrieeigenschaft, 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 für den Renderbereich des SVG-Viewports.

Hinweis: In einem HTML-Dokument, falls sowohl die viewBox als auch die height Attribute weggelassen werden, 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 Geometrieeigenschaft, 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 für das referenzierte Element.

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 - also haben sie nur eine Wirkung, wenn use auf ein svg oder symbol-Element verweist.

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

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

CSS height Eigenschaft

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