Example
A <picture> element with two source files, and a fallback image:
<picture>
<source media="(min-width:650px)" srcset="img_pink_flowers.jpg">
<source media="(min-width:465px)" srcset="img_white_flower.jpg">
<img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>
Definition and Usage
The srcset attribute specifies the URL of the image to use in different situations.
This attribute is required when <source> is used in <picture>.
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
| Attribute | |||||
|---|---|---|---|---|---|
| srcset | 38.0 | 13.0 | 38.0 | 9.1 | 25.0 |
Syntax
<source srcset="URL">
Attribute Values
| Value | Description |
|---|---|
| URL | Specifies the URL of the image. Possible values:
|
See Also
git tag | Atlassian Git Tutorial