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 für den Renderbereich der Primitiven.

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

feColorMatrix

Für <feColorMatrix> definiert height die vertikale Länge für den Renderbereich der Primitiven.

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

feComponentTransfer

Für <feComponentTransfer> definiert height die vertikale Länge für den Renderbereich der Primitiven.

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

feComposite

Für <feComposite> definiert height die vertikale Länge für den Renderbereich der Primitiven.

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

feConvolveMatrix

Für <feConvolveMatrix> definiert height die vertikale Länge für den Renderbereich der Primitiven.

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

feDiffuseLighting

Für <feDiffuseLighting> definiert height die vertikale Länge für den Renderbereich der Primitiven.

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

feDisplacementMap

Für <feDisplacementMap> definiert height die vertikale Länge für den Renderbereich der Primitiven.

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

feDropShadow

Für <feDropShadow> definiert height die vertikale Länge für den Renderbereich der Primitiven.

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

feFlood

Für <feFlood> definiert height die vertikale Länge für den Renderbereich der Primitiven.

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

feGaussianBlur

Für <feGaussianBlur> definiert height die vertikale Länge für den Renderbereich der Primitiven.

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

feImage

Für <feImage> definiert height die vertikale Länge für den Renderbereich der Primitiven.

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

feMerge

Für <feMerge> definiert height die vertikale Länge für den Renderbereich der Primitiven.

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

feMorphology

Für <feMorphology> definiert height die vertikale Länge für den Renderbereich der Primitiven.

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

feOffset

Für <feOffset> definiert height die vertikale Länge für den Renderbereich der Primitiven.

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

feSpecularLighting

Für <feSpecularLighting> definiert height die vertikale Länge für den Renderbereich der Primitiven.

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

feTile

Für <feTile> definiert height die vertikale Länge für den Renderbereich der Primitiven.

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

feTurbulence

Für <feTurbulence> definiert height die vertikale Länge für den Renderbereich 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 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 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 für den Renderbereich des SVG-Viewports.

Hinweis: In einem HTML-Dokument, wenn 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 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 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 einen viewBox - d.h. sie haben nur dann Auswirkungen, 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

Specification
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

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden