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 |
Browser-Kompatibilität
Loading…