title: jquery: how to determine if a style is set via css class or hardcoded by style attribute?
body: <p>For example given two divs like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.example{
    width: 200px;
    height: 200px;
    z-index: 4;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="first" style="height:100px;width:200px;z-index:5;"&gt;Hardcoded&lt;/div&gt;
  &lt;div id="second" class="example" &gt;Css&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>How can i detect by jquery/javascript if, for example, the height of the div is set by style attribute? Or how can i detect by jquery/javascript if the height is set but not by a css class?</p>
  
  <p>It seems there is a bunch of misunderstand what i'm really asking, altough one answer was pretty close but deleted:
  The question is not "which value is set for the height". or "does the div has a specific class set" 
  Given a specific style property like 'height'. I want to know two things:</p>
  
  <ol>
  <li>Is the height set in any non-browser-default way like by a css class or style? (i think i can get by myself)</li>
  <li>If yes, is the height set by the style="...." attribute or by a class=""? Which class doesnt matter.</li>
  </ol>