Revision 56280 of <resolution>

  • Revision slug: CSS/Resolution
  • Revision title: resolution
  • Revision id: 56280
  • Created:
  • Creator: Jürgen Jeka
  • Is current revision? No
  • Comment 22 words added, 48 words removed

Revision Content

{{ CSSRef() }}

Summary

The CSS resolution media feature, used in media queries, takes a resolution as a value.

The CSS syntax for resolution is a number followed immediately by a unit. Having a space between the number an the unit is forbidden.

Units

dpi
Dots per inch.
dpcm
Dots per centimeter.

Examples

@media print and (min-resolution: 300dpi) { ... }

Browser compatibility

Specifications

See also

media queries

Revision Source

<p>{{ CSSRef() }}</p>
<h3>Summary</h3>
<p>The CSS<code> resolution </code>media feature, used in <a class="internal" href="/en/CSS/Media_queries" title="en/CSS/Media queries">media queries</a>, takes a resolution as a value.</p>
<p>The CSS syntax for resolution is a number followed immediately by a unit. Having a space between the number an the unit is <strong>forbidden</strong>.</p>
<h3>Units</h3>
<dl> <dt>dpi</dt> <dd>Dots per inch.</dd> <dt>dpcm</dt> <dd>Dots per centimeter.</dd>
</dl>
<h3>Examples</h3>
<pre>@media print and (min-resolution: 300dpi) { ... }</pre>
<h3>Browser compatibility</h3>
<h3>Specifications</h3>
<ul> <li><a class="external" href="http://www.w3.org/TR/css3-mediaqueries/#resolution" title="http://www.w3.org/TR/css3-mediaqueries/#resolution">CSS 3 Media Queries #resolution</a></li>
</ul>
<h3>See also</h3>
<p><a class="internal" href="/en/CSS/Media_queries" title="en/CSS/Media queries">media queries</a></p>
Revert to this revision