[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/de/docs/Web/API/HTMLSourceElement/sizes [Back]  [Original]

HTMLSourceElement: sizes-Eigenschaft - Web-APIs | MDN

Dieser Inhalt wurde automatisch aus dem Englischen bersetzt, und kann Fehler enthalten. Erfahre mehr ber dieses Experiment.

View in English Always switch to English

HTMLSourceElement: sizes-Eigenschaft

Baseline Weitgehend verfgbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit Mrz 2017 browserbergreifend verfgbar.

Die sizes-Eigenschaft des HTMLSourceElement-Interfaces ist ein String, der eine Liste von einer oder mehreren Gren darstellt, die Gren zwischen den Breakpoints reprsentieren, auf die sich die Ressource bezieht.

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

In diesem Artikel

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

Spezifikation
HTML
# dom-source-sizes

Browser-Kompatibilitt

Siehe auch


Web Proxy Viewer  |  New URL  |  Original Page