HTMLSourceElement: sizes-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since März 2017.
Die sizes-Eigenschaft des HTMLSourceElement-Interfaces ist ein String, der eine Liste von einer oder mehreren Größen darstellt, die Größen zwischen den Breakpoints repräsentieren, auf die sich die Ressource bezieht.
Sie spiegelt das sizes-Attribut des <source>-Elements wider.
Wert
Ein String.
Beispiele
html
<picture> <source id="el" srcset="medium-pic.jpg" type="image/jpeg" sizes="(50em <= width <= 60px) 50em, (30em <= width < 50em) 30em" /> </picture> js
const el = document.getElementById("el"); console.log(el.sizes); // Output: "(50em <= width <= 60px) 50em, (30em <= width < 50em) 30em" el.sizes = "(50em <= width <= 60px) 100em, (30em <= width < 50em) 60em"; // Updates the sizes value Spezifikationen
| Specification |
|---|
| HTML # dom-source-sizes |