HTMLSourceElement: height-Eigenschaft
Die height
-Eigenschaft der HTMLSourceElement
-Schnittstelle ist eine nichtnegative Zahl, die die Höhe der Bildressource in CSS-Pixeln angibt.
Die Eigenschaft hat nur dann eine Wirkung, wenn das übergeordnete Element des aktuellen <source>
-Elements ein <picture>
-Element ist.
Sie spiegelt das height
-Attribut des <source>
-Elements wider.
Wert
Eine nichtnegative Zahl, die die Höhe der Bildressource in CSS-Pixeln angibt.
Beispiele
html
<picture id="img">
<source
srcset="landscape.png"
media="(min-width: 1000px)"
width="1000"
height="400" />
<source
srcset="square.png"
media="(min-width: 800px)"
width="800"
height="800" />
<source
srcset="portrait.png"
media="(min-width: 600px)"
width="600"
height="800" />
<img
src="fallback.png"
alt="Image used when the browser does not support the 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)); // Output: [400, 800, 800]
Spezifikationen
Specification |
---|
HTML Standard # dom-dim-height |
Browser-Kompatibilität
BCD tables only load in the browser