最終更新日 2021年6月30日

image-resolutionプロパティ

image-resolutionは、画像の解像度を指定するプロパティです。

初期値は「1dppx」です。dppxは「dots per px」のことで、1ピクセルあたりのドット数を表します。

CSS3での変更点

・image-resolutionは、CSS3から新しく追加されたプロパティです。

初期値	適用先	継承
1dppx	すべての要素	あり

値	説明
解像度	数値に「dpi」を付けて指定します。
from-image	画像形式特有の解像度を指定します。
snap	「dpi」または「from-image」で指定した解像度とデバイスの解像度をスナップします。

サンプルコード

image-resolution: 300dpi;
image-resolution: from-image;
image-resolution: 300dpi from-image;
image-resolution: 300dpi snap;
image-resolution: from-image snap;

参考文献：CSS Image Values and Replaced Content Module Level 3

当サイトの活動をサポートしてみませんか？気軽にクリエイターの支援ができます。