Skip to navigation

CSS Value: Resolution

The “dot” size of a graphical output, relating to CSS lengths.

Used to assess resolution by the resolution media feature of media queries. It will also be used by forthcoming CSS properties.

Unit Description Example
dpi Dots per inch. @media (max-resolution: 96dpi) { /* Standard and low-res CSS rules */ }
dpcm Dots per centimeter. @media (min-resolution: 762dpcm) { /* Very high-res (such as printer) CSS rules */ }
dppx Dots per px unit. @media (min-resolution: 2dppx) { /* High-res (such as "retina" screen) CSS rules */ }