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 March 2017.

Die sizes-Eigenschaft des HTMLSourceElement-Interfaces ist ein String, der eine Liste von einer oder mehreren Größen darstellt, die auf die Ressource zwischen den Breakpoints angewendet werden.

Sie spiegelt das sizes-Attribut des <source>-Elements wider.

Wert

Ein String.

Beispiele

html
<source
  id="el"
  src="mediumVideo.mov"
  type="video/quicktime"
  sizes="((min-width: 50em) and (max-width: 60em)) 50em,
         ((min-width: 30em) and (max-width: 50em)) 30em" />
js
const el = document.getElementById("el");
console.log(el.sizes); // Output: "((min-width: 50em) and (max-width: 60em)) 50em, ((min-width: 30em) and (max-width: 50em)) 30em"
el.sizes =
  "((min-width: 50em) and (max-width: 60em)) 50em, ((min-width: 30em) and (max-width: 50em)) 30em"; // Updates the sizes value

Spezifikationen

Specification
HTML Standard
# dom-source-sizes

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch