| [ Web Proxy ] |
| Viewing: https://developer.mozilla.org/fr/docs/Web/API/HTMLSourceElement/srcset | [Back] [Original] |
Get to know MDN better
Cette page a t traduite partir de l'anglais par la communaut. Vous pouvez contribuer en rejoignant la communaut francophone sur MDN Web Docs.
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.
Une chane de caractres.
<picture>
<source
id="el"
srcset="smile.png, smile-1.5x.png 1.5x, smile-2x.png 2x"
type="image/png" />
</picture>
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
| Spcification |
|---|
| HTML # dom-source-srcset |
HTMLSourceElement.typeHTMLSourceElement.srcHTMLSourceElement.mediaHTMLSourceElement.sizes<source><picture>Cette page a t modifie le 16 janv. 2026 par les contributeurices du MDN.
HTMLSourceElementBeforeUnloadEventDOMStringMapErrorEventHTMLAnchorElementHTMLAreaElementHTMLAudioElementHTMLBRElementHTMLBaseElementHTMLBodyElementHTMLButtonElementHTMLCanvasElementHTMLDListElementHTMLDataElementHTMLDataListElementHTMLDialogElementHTMLDivElementHTMLDocumentHTMLElementHTMLEmbedElementHTMLFieldSetElementHTMLFormControlsCollectionHTMLFormElementHTMLFrameSetElementHTMLGeolocationElementHTMLHRElementHTMLHeadElementHTMLHeadingElementHTMLHtmlElementHTMLIFrameElementHTMLImageElementHTMLInputElementHTMLLIElementHTMLLabelElementHTMLLegendElementHTMLLinkElementHTMLMapElementHTMLMediaElementHTMLMenuElementHTMLMetaElementHTMLMeterElementHTMLModElementHTMLOListElementHTMLObjectElementHTMLOptGroupElementHTMLOptionElementHTMLOptionsCollectionHTMLOutputElementHTMLParagraphElementHTMLPictureElementHTMLPreElementHTMLProgressElementHTMLQuoteElementHTMLScriptElementHTMLSelectElementHTMLSpanElementHTMLStyleElementHTMLTableCaptionElementHTMLTableCellElementHTMLTableColElementHTMLTableElementHTMLTableRowElementHTMLTableSectionElementHTMLTemplateElementHTMLTextAreaElementHTMLTimeElementHTMLTitleElementHTMLTrackElementHTMLUListElementHTMLUnknownElementHTMLVideoElementHashChangeEventHistoryImageDataLocationMessageChannelMessageEventMessagePortNavigatorPageRevealEventPageSwapEventPageTransitionEventPluginPluginArrayPromiseRejectionEventRadioNodeListTimeRangesUserActivationValidityStateWindowWorkletGlobalScopeCertaines parties de ce contenu sont protges par le droit d'auteur 19982026 des contributeurs individuels de mozilla.org. Contenu disponible sous une licence Creative Commons.
| Web Proxy Viewer | New URL | Original Page |