Вывести можно так, с псевдо-cелекторами надо разбираться
<style>
div {
background-color: lightgreen;
}
</style>
<div></div>
<script>
window.onload = function () {
var div = document.body.children[0];
var cs = getComputedStyle(div);
var len = cs.length;
for (var i = 0; i < len; i++) {
div.innerHTML += cs[i] + ': ' + cs[cs[i]] + ';<br><hr><br>';
}
}
</script>