HTMLSourceElement : propriété sizes - Les API Web | MDN
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
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
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.