height - SVG (Scalable Vector Graphics)

Exemple

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

html

<svg viewBox="0 0 300 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Avec une hauteur de 0 ou inférieure, rien ne sera affiché -->
  <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>`

Pour <feBlend>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<feColorMatrix>`

Pour <feColorMatrix>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<feComponentTransfer>`

Pour <feComponentTransfer>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<feComposite>`

Pour <feComposite>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<feConvolveMatrix>`

Pour <feConvolveMatrix>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<feDiffuseLighting>`

Pour <feDiffuseLighting>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<feDisplacementMap>`

Pour <feDisplacementMap>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<feDropShadow>`

Pour <feDropShadow>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<feFlood>`

Pour <feFlood>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<feGaussianBlur>`

Pour <feGaussianBlur>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<feImage>`

Pour <feImage>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<feMerge>`

Pour <feMerge>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<feMorphology>`

Pour <feMorphology>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<feOffset>`

Pour <feOffset>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<feSpecularLighting>`

Pour <feSpecularLighting>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<feTile>`

Pour <feTile>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<feTurbulence>`

Pour <feTurbulence>, height définit la longueur verticale de la zone de rendu de la primitive.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`100%`
Peut être animé	Oui

`<filter>`

Pour <filter>, height définit la longueur verticale de la zone de rendu du filtre.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`120%`
Peut être animé	Oui

`<foreignObject>`

Pour <foreignObject>, height définit la longueur verticale de la zone de rendu pour le document référencé.

Valeur	`auto`\|`<length>`\|`<percentage>`
Valeur par défaut	`auto` (traité comme `0`)
Peut être animé	Oui

Note : À partir de SVG2, height est une propriété géométrique, ce qui signifie que cet attribut peut aussi être utilisé comme une propriété CSS pour <foreignObject>.

`<image>`

Pour <image>, height définit la longueur verticale de l'image.

Valeur	`auto` \| `<length>`\|`<percentage>`
Valeur par défaut	`auto` (traité comme la hauteur intrinsèque de l'image)
Peut être animé	Oui

Note : À partir de SVG2, height est une propriété géométrique, ce qui signifie que cet attribut peut également être utilisée comme propriété CSS pour les images.

`<mask>`

Pour <mask>, height définit la longueur verticale de sa zone d'effet. L'effet exact de cet attribut est influencé par l'attribut maskUnits.

Valeur	`<length>`\|`<percentage>`
Valeur par défaut	`120%`
Peut être animé	Oui

`<pattern>`

Pour <pattern>, height définit la longueur verticale du motif répété. L'effet exact de cet attribut est influencé par les attributs patternUnits et patternTransform.

Valeur	`<length>`
Valeur par défaut	`0`
Peut être animé	Oui

`<rect>`

Pour <rect>, height définit la longueur verticale du rectangle.

Valeur	`auto`\|`<length>`\|`<percentage>`
Valeur par défaut	`auto` (traité comme `0`)
Peut être animé	Oui

Note : À partir de SVG2, height est une propriété géométrique, ce qui signifie que cet attribut peut aussi être utilisé comme une propriété CSS pour les rectangles.

`<svg>`

Pour <svg>, height définit la longueur verticale de la zone de rendu de la zone d'affichage SVG.

Note : Dans un document HTML, si les deux attributs viewBox et height sont absents, l'élément SVG sera rendu avec une hauteur de 150px.

Valeur	`auto`\|`<length>`\|`<percentage>`
Valeur par défaut	`auto` (traité comme `100%`)
Peut être animé	Oui

Note : À partir de SVG2, height est une propriété géométrique et peut donc être utilisée comme propriété CSS pour <svg>.

`<use>`

Pour <use>, height définit la longueur verticale de l'élément référencé.

Valeur	`auto`\|`<length>`\|`<percentage>`
Valeur par défaut	`auto` (traité comme `0`)
Peut être animé	Oui

Note : height n'a pas d'effet sur les éléments <use>, à moins que l'élément référencé ait un attribut viewbox, c'est-à-dire que leur effet s'applique uniquement si use fait référence à un élément <svg> ou <symbol>.

Note : À partir de SVG2, height est une propriété géométrique, ce qui signifie que cet attribut peut également être utilisé comme propriété CSS sur les éléments utilisés.

Spécifications

Spécification	État	Commentaires
Filter Effects Module Level 1 — La définition de 'height' dans cette spécification.	Version de travail	Définition de `<filter>`
Filter Effects Module Level 1 — La définition de 'height' dans cette spécification.	Version de travail	Définition des primitives de filtre
CSS Masking Module Level 1 — La définition de 'height' dans cette spécification.	Candidat au statut de recommandation	Définition de `<mask>`
Scalable Vector Graphics (SVG) 2 — La définition de 'height' dans cette spécification.	Candidat au statut de recommandation	Définition en tant que propriété géométrique
Scalable Vector Graphics (SVG) 2 — La définition de 'height' dans cette spécification.	Candidat au statut de recommandation	Définition de `<pattern>`
Scalable Vector Graphics (SVG) 1.1 (Second Edition) — La définition de 'height' dans cette spécification.	Recommandation	Définition initiale de `<foreignObject>`
Scalable Vector Graphics (SVG) 1.1 (Second Edition) — La définition de 'height' dans cette spécification.	Recommandation	Définition initiale de `<pattern>`
Scalable Vector Graphics (SVG) 1.1 (Second Edition) — La définition de 'height' dans cette spécification.	Recommandation	Définition initiale de `<image>`
Scalable Vector Graphics (SVG) 1.1 (Second Edition) — La définition de 'height' dans cette spécification.	Recommandation	Définition initiale de `<svg>`
Scalable Vector Graphics (SVG) 1.1 (Second Edition) — La définition de 'height' dans cette spécification.	Recommandation	Définition initiale de `<use>`
Scalable Vector Graphics (SVG) 1.1 (Second Edition) — La définition de 'height' dans cette spécification.	Recommandation	Définition initiale de `<filter>`
Scalable Vector Graphics (SVG) 1.1 (Second Edition) — La définition de 'height' dans cette spécification.	Recommandation	Définition initiale des primitives de filtre
Scalable Vector Graphics (SVG) 1.1 (Second Edition) — La définition de 'height' dans cette spécification.	Recommandation	Définition initiale de `<mask>`
Scalable Vector Graphics (SVG) 1.1 (Second Edition) — La définition de 'height' dans cette spécification.	Recommandation	Définition initiale de `<rect>`

Help improve MDN

Learn how to contribute

Cette page a été modifiée le ⁨9 oct. 2025⁩ par les contributeurs du MDN.

View this page on GitHub • Report a problem with this content