title: Is it possible to select an image (or other element) by comparative size in CSS
body: <p>Is it possible to select an image or other elements by some size criteria, e.g., large than some pixels in X or Y dimension?</p>
  
  <p>How?</p>
  
  <p>I've found @media descriptors which do allow comparison operators, but these apply to the display area as a whole.</p>
  
  <p>My goal is to write a styling rule for images which applies only above a certain threshold, say, 100px.  Say, this style, which makes sense for content images but not for small items elsewhere in a page.  The stylesheets are being applied to external pages over which I've no control of their contents and generally cannot rewrite or script-process them:</p>
  
  <pre class="lang-css prettyprint-override"><code>img {
      float: right;
      padding: 10px;
      margin: 20px;
      border: solid 1px #888;
      /* Grey */
      box-shadow: 6px 10px 8px rgba(0, 0, 0, 0.7);
      /* Sepia */
      box-shadow: 6px 10px 8px rgba(128, 128, 96, 0.7);
  }
  </code></pre>