<p>I would like to return a string with all of the contents of a CSS rule, like the format you'd see in an inline style. I'd like to be able to do this without knowing what is contained in a particular rule, so I can't just pull them out by style name (like <code>.style.width</code> etc.) </p>

<p>The CSS:</p>

<pre><code>.test {
    width:80px;
    height:50px;
    background-color:#808080;
}
</code></pre>

<p>The code so far:</p>

<pre><code>function getStyle(className) {
    var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules
    for(var x=0;x&lt;classes.length;x++) {
        if(classes[x].selectorText==className) {
            //this is where I can collect the style information, but how?
        }
    }
}
getStyle('.test')
</code></pre>

//works in IE, not sure about other browsers...
```
```
alert(classes[x].style.cssText);
```
```