height
L'attribut height 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 :
<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>
Exemple
<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.