title: How can I detect overwritten css properties?
body: <p>I can get all css properties for an element with document.stylesheets but some of those are not active because those properties are overwritten. In firebug (chrome developer tools also has this feature), if there's an overwritten css property, you will see something like that:
  <img src="https://i.stack.imgur.com/ZKwF0.jpg" alt="enter image description here"></p>
  
  <p>The only way I can think of is comparing active css property for the element (in jQuery <code>$(element).css(property)</code>) and defined css property in <code>document.stylesheets</code> but it's not a reliable way to do it. Any suggestion?</p>