title: Accessing Provenance of Style Applied to Element in Javascript
body: <p>I would like to be able to query with Javascript where a particular CSS property was assigned to an element. For instance, if an element's height is 40px, I would like to know if this was assigned via an stylesheet, whether it was assigned via an inline rule, or whether it is an automatic result of the layout engine.</p>
  
  <p>For some properties, like "height" I can't seem to be able to tell the difference by just looking at the computed style or the style property of the element itself.</p>
  
  <p>It turns out that I can detect inline style by parsing through style attributes, and I can find some stylesheets by parsing through the documents stylesheet and rules arrays.</p>
  
  <p>My current method of checking stylesheets/inline rules would work, but fails because Javascript cannot access stylesheets loaded from different domains/protocols due to the same origin policy.</p>
  
  <p>Any ideas on how to do this?</p>
  
  <p>Thanks!
  Jeff</p>