Атрибут media

Оновлено: 17.07.2022

Атрибут media

Визначає медіазапит, згідно з яким виводитиметься зображення. Працює лише всередині елемента <picture>.

Синтаксис

<picture>
 <source media="<медіазапит>">
<picture>

Значення

Див. Медіазапити.

Приклад

У цьому прикладі застосовується два зображення: одне відображається при альбомній орієнтації екрана, друге - при портретній орієнтації. Щоб помітити ефект на настільному комп'ютері, достатньо змінити розмір вікна браузера, задавши йому різні пропорції.

Браузери

source:media

Переглянути сумісність з Can I use?

source:media