このページはHTMLタグ辞書のサンプルページです。
ダーク・モードと“picture”要素の使い方について解説するためのサンプルページです。
カラー・スキームに応じて画像を出し分ける
<p>
<picture>
<source media="(prefers-color-scheme: dark)" srcset="sample-dark.png">
<img src="sample-light.png" alt="サンプル画像">
</picture>
</p>