title: CSS3 image resolution property
body: <p>I'm trying to apply CSS3 <code>image-resolution</code> property on my image but it has no effect, this my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
  
  &lt;title&gt;resize image &lt;/title&gt;
  &lt;style&gt;
  .high{ image-resolution:300dpi;}
  .low{ image-resolution:0dpi;}
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;img   class="low"id="img1" src="orginal.jpg" border="0" /&gt;
  
  &lt;img   class="high"id="img1" src="orginal.jpg" border="0" /&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>