最終更新日

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外部リンク
HOME