HTML: Markup language
CSS: Styling language
JavaScript: Scripting language
Web APIs: Programming interfaces
All web technology
Learn web development
Discover our tools
Get to know MDN better
Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
View in English Always switch to English
La propriété height de l'interface HTMLSourceElement est un nombre positif ou nul indiquant la hauteur de la ressource image en pixels CSS.
height
HTMLSourceElement
Cette propriété n'a d'effet que si le parent de l'élément HTML <source> courant est un élément HTML <picture>.
<source>
<picture>
Elle reflète l'attribut height de l'élément HTML <source>.
Un nombre positif ou nul indiquant la hauteur de la ressource image en pixels CSS.
<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="?url=https%3A%2F%2Fdeveloper.mozilla.org%2Ffr%2Fdocs%2FWeb%2FAPI%2FHTMLSourceElement%2Fheight%2Ffallback.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]
Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.
HTMLCanvasElement.height
HTMLEmbedElement.height
HTMLIFrameElement.height
HTMLImageElement.height
HTMLObjectElement.height
HTMLVideoElement.height