hi
here is my code.
---------------------
function showcss()
{
alert('hello');
var i,j;
var a=document.styleSheets;
if (a.length==0)
alert("No Style Sheets found...");
else
{
var s='<div style=\\"font:x-small verdana\\"><h1>Style sheet info for '+location.href+'</h1>';
for (i=0;i<a.length;i++)
{
var ss=a[i];
if (document.styleSheets[i].owningElement.tagName.toUpperCase()=="STYLE")
{
for (j=0;j<document.styleSheets[j].imports.length;j++)
{
s+='<h2>Style Sheet '+(i+1)+': '+document.styleSheets[i].imports[j].href+'</h2>';
s+='<h2>Media: '+document.styleSheets[i].imports[j].media;
s+=' | Title: '+document.styleSheets[i].imports[j].href.title+'</h2>';
s+='<h3>Rules:</h3>'+document.styleSheets[i].imports[j].cssText;
s+='<hr>';
}//end for loop
}
else
{
s+='<h2>Style Sheet '+(i+1)+': '+ss.href+'</h2>';
s+='<h2>Media: '+ss.media;s+=' | Title: '+ss.title+'</h2>';
s+='<h3>Rules:</h3>'+ss.cssText;
s+='<hr>';
}//end if loop
}//end for loop
var a=s.split('\n');
s=a.join('<br/>');
s=s.toLowerCase()+'</div>';
var cw=window.open('', 'cw', '');
cw.document.open();
cw.document.write(s);
cw.document.close();
}//end if loop
}//end of function
---------------------