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

HTMLSourceElement : proprit srcset - Les API Web | MDN

Cette page a t traduite partir de l'anglais par la communaut. Vous pouvez contribuer en rejoignant la communaut francophone sur MDN Web Docs.

View in English Always switch to English

HTMLSourceElement : proprit srcset

Baseline Large disponibilit

Cette fonctionnalit est bien tablie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis mars 2017.

La proprit srcset de l'interface HTMLSourceElement est une chane de caractres contenant une liste, spare par des virgules, d'images candidates.

Chaque image candidate inclut l'URL d'une ressource image utiliser comme source pour l'lment et, ventuellement, un descripteur indiquant les circonstances dans lesquelles l'image doit tre utilise. Le descripteur est soit un nombre suivi de 'w', indiquant la largeur de l'lment, soit un nombre suivi de 'x', indiquant la densit de pixels de l'appareil.

Elle reflte l'attribut srcset de l'lment HTML <source> imbriqu dans un lment HTML <picture>. Elle n'a pas de sens et est ignore lorsqu'elle est imbrique dans un lment HTML <audio> ou <video>, qui utilisent la place l'attribut src.

Dans cet article

Valeur

Une chane de caractres.

Exemples

html
<picture>
  <source
    id="el"
    srcset="smile.png, smile-1.5x.png 1.5x, smile-2x.png 2x"
    type="image/png" />
</picture>
js
const el = document.getElementById("el");
console.log(el.srcset); // Affiche : "smile.png, smile-1.5x.png 1.5x, smile-2x.png 2x"
el.srcset = "smile.png, smile-med.png 600w, smile-large.png 800w"; // Met  jour la valeur de srcset

Spcifications

Spcification
HTML
# dom-source-srcset

Compatibilit des navigateurs

Voir aussi


Web Proxy Viewer  |  New URL  |  Original Page