title: How can I read out the CSS text via Javascript as defined in the stylesheet?
body: <p>I was thinking of using Javascript to automatically transform CSS3 attributes like <code>border-radius</code>, <code>transform</code>, <code>box-shadow</code>, etc. to their browser specific counterparts.</p>
  
  <p>I did some research and found that you can iterate over the stylesheets defined via <code>document.styleSheets</code>. You can find the CSS rules via <code>document.styleSheets[0].cssRules[0].cssText</code>.</p>
  
  <p>I want to modify the CSS rules that contain CSS3 attributes by injecting the browser specific attributes with the appropriate vendor-prefix, like <code>-webkit-border-radius</code>, <code>moz-border-radius</code>, etc.</p>
  
  <p>However, it seems that the <code>cssText</code> property is preprocessed in each browser, to filter out CSS attributes that it doesn't understand. That practically breaks this idea.</p>
  
  <p>Question: is there any way to retrieve the CSS text exactly as defined in the stylesheet? Or: is there another way to accomplish this via Javascript? I'd like to maintain clean CSS files without the need for defining each attribute multiple times for each specific browser.</p>