Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
HTMLSourceElement : propriété height
La propriété height de l'interface HTMLSourceElement est un nombre positif ou nul indiquant la hauteur de la ressource image en pixels CSS.
Cette propriété n'a d'effet que si le parent de l'élément HTML <source> courant est un élément HTML <picture>.
Elle reflète l'attribut height de l'élément HTML <source>.
Valeur
Un nombre positif ou nul indiquant la hauteur de la ressource image en pixels CSS.
Exemples
html
<picture id="img">
<source
srcset="landscape.png"
media="(width >= 1000px)"
width="1000"
height="400" />
<source
srcset="square.png"
media="(width >= 800px)"
width="800"
height="800" />
<source
srcset="portrait.png"
media="(width >= 600px)"
width="600"
height="800" />
<img
src="fallback.png"
alt="Image utilisée lorsque le navigateur ne prend pas en charge les sources"
width="500"
height="400" />
</picture>
js
const img = document.getElementById("img");
const sources = img.querySelectorAll("source");
console.log(Array.from(sources).map((el) => el.height)); // Affiche : [400, 800, 800]
Spécifications
| Spécification |
|---|
| HTML # dom-source-height |
| HTML # dimension-attributes |
Compatibilité des navigateurs
Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.
Voir aussi
- La propriété
HTMLCanvasElement.height - La propriété
HTMLEmbedElement.height - La propriété
HTMLIFrameElement.height - La propriété
HTMLImageElement.height - La propriété
HTMLObjectElement.height - La propriété
HTMLVideoElement.height
Aider à améliorer MDN
Cette page a été modifiée le par les contributeur·ice·s du MDN.