HTMLSourceElement : propriété sizes

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 propriété sizes de l'interface HTMLSourceElement est une chaîne de caractères représentant une liste d'une ou plusieurs tailles, correspondant aux tailles entre les points de rupture, auxquelles la ressource s'applique.

Elle reflète l'attribut sizes de l'élément HTML <source>.

Dans cet article

Valeur

Une chaîne de caractères.

Exemples

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); // Affiche : "(50em <= width <= 60px) 50em, (30em <= width < 50em) 30em"
el.sizes = "(50em <= width <= 60px) 100em, (30em <= width < 50em) 60em"; // Met à jour la valeur de sizes

Spécifications

Spécification

HTML
# dom-source-sizes

Compatibilité des navigateurs

Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.

Voir aussi

La propriété HTMLImageElement.sizes
La propriété HTMLSourceElement.media
La propriété HTMLSourceElement.type
La propriété HTMLSourceElement.src
La propriété HTMLSourceElement.srcset
L'élément HTML <source>
L'élément HTML <picture>
L'élément HTML <audio>
L'élément HTML <video>

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?

Oui Non

Apprendre à contribuer

Cette page a été modifiée le 16 janv. 2026 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu

API HTML DOM
HTMLSourceElement
Propriétés d'instance
1. height
2. media
3. sizes
4. src
5. srcset
6. type
7. width
Héritage
Pages liées à HTML DOM
Guides
1. Utiliser les microtâches en JavaScript avec queueMicrotask()
2. Aller plus loin : Les microtâches et l'environnement d'exécution JavaScript