HTML <source> srcset egenskap

HTML <source> etikett

Definition och användning

srcset Egenskapen specificerar URL:er för bilder att använda i olika situationer.

När <source> används <picture> Denna egenskap är obligatorisk vid användning av <source>.

Exempel

En element som innehåller två källfiler och en reserverad bild: <picture> elementet:

<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>

Prova själv

Syntax

<source srcset="URL">

Egenskapsvärde

Värde Beskrivning
URL

Specificerar URL:en för bilden.

Möjliga värden:

  • Absolut URL - pekar på en annan webbplats (t.ex. href="http://www.example.com/flower.jpg")
  • Relativ URL - pekar på en fil inom webbplatsen (t.ex. href="flower.jpg")

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarens version som helt stöder egenskapen.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
38.0 13.0 38.0 9.1 25.0

HTML <source> etikett