#area_1 h1 {
	font-size: 12px;
	line-height: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #9192A3;
	height: 30px;
	padding-left: 10px;
	background: url(h1.png) repeat-x 0px 0px;
}

#area_2 h1 {
	font-size: 12px;
	line-height: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #9192A3;
	height: 30px;
	width: 200px;
	padding-left: 10px;
	background: url(h1.png) repeat-x 0px -15px;
}

<DIV id="area_1">
<H1>漢字ABC123</H1>
</DIV>
<DIV id="area_2">
<H1>漢字ABC123</H1>
</DIV>

<DIV id="area">
</DIV>
<SCRIPT language="javascript" type="text/javascript">

	var i,j,k;
	var style;
	var rule;
	var length;
	var str = "";
	var work;

	style = document.styleSheets;

	for( j = 0; j < style.length; j++ ) {

		if (window.navigator.appName.toLowerCase().indexOf("microsoft") > -1) {
			rule = style[j].rules
		}
		else {
			rule = style[j].cssRules
		}

		length = rule.length;

		for( i = 0; i < length; i++ ) {
			str += rule[i].selectorText + "<br><hr>";
			work = (rule[i].style.cssText).split(";");
			for( k = 0; k < work.length; k++ ) {
				str += (work[k] + ";<br>");
			}
			str += "<hr>";
		}
	}

	document.getElementById("area").innerHTML = str;

</SCRIPT>