Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
height
L'attributheight définit la longueur verticale d'un élément dans le système des coordonnées de l'utilisatrice ou l'utilisateur.
Cet attribut peut être utilisé avec les éléments SVG suivants :
Dans cet article
- Exemple
<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>- Spécifications
Exemple
html,body,svg { height: 100%;}<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é comme0) |
| 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'attributmaskUnits.
| 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 attributspatternUnits etpatternTransform.
| 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é comme0) |
| 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 attributsviewBox etheight sont absents,l'élément SVG sera rendu avec une hauteur de150px.
| Valeur | auto|<length>|<percentage> |
|---|---|
| Valeur par défaut | auto (traité comme100%) |
| 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é comme0) |
| 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 attributviewbox, c'est-à-dire que leur effet s'applique uniquement siuse 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.