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>

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

Specification
HTML # dom-dim-height

Compatibilité des navigateurs

Voir aussi

Help improve MDN

Learn how to contribute

Cette page a été modifiée le ⁨16 janv. 2026⁩ par les contributeurs du MDN.

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