Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
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>.
Valeur
Une chaîne de caractères.
Exemples
<picture>
<source
id="el"
srcset="medium-pic.jpg"
type="image/jpeg"
sizes="(50em <= width <= 60px) 50em,
(30em <= width < 50em) 30em" />
</picture>
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 a été modifiée le par les contributeur·ice·s du MDN.