스타일쉬트(<STYLESHEET>, <STYLE>)에서 지정한 스타일들의 각 요소별 스타일을 참조한다.

Script [propVal=]..propName;
HTML 없다.
특기

rule 개체에 정의된 스타일(CSS) 속성들이 문서의 모든 해당 엘레멘트에 적용된다.
예를들어 DTcolor로 색상을 지정하며 모든 DT 엘레멘트에 지정한 색상이 적용된다.

참조
rules

설명을 위한 예제

DIV 내용에 style이 지정되었다.
<DIV id=dObj cols=40 rows=2 style="border:solid 1 blue;background:dfd">DIV 내용에 style이 지정되었다.</DIV>
<SCRIPT>
obj=document.styleSheets[1];
ln=obj.rules.length;ss=ln+"개 ";
for (i=0;i< ln;i++){ss+="["+i+"]"+obj.rules[i].selectorText+", ";}
document.write(ss);
oObj=obj.rules[3];
</SCRIPT>

개체설명결과
style 개체의 현재 모든 가능한 인라인 스타일 설정들을 참조한다.
<SCRIPT>document.write(oObj.style.cssText.length)</SCRIPT>
<SCRIPT>document.write(document.styleSheets[1].rules[0].selectorText)</SCRIPT>

readOnly 속성 IE
⇒ 개체가 읽기 전용인가를 반환한다.
문법: [bVal=].readOnly
코드: document.write(oObj.readOnly); 결과:
selectorText 속성 IE
⇒ 스타일 내용(rule)이어느 엘레멘트 개체에 적용되는가를 문자열로 반환한다.
문법: [sVal=].selectorText
코드: document.write(oObj.selectorText); 결과:

개체 예제

<STYLE>h1{color:red} .blue{color:blue}</STYLE>
<SCRIPT>
str='document.styleSheets.length=<SPAN class=blue>'+document.styleSheets.length+'</SPAN><BR>';
str+='document.styleSheets[2].cssText=<SPAN class=blue>'+document.styleSheets[2].cssText+'</SPAN><BR>';
str+='document.styleSheets[2].rules.length=<SPAN class=blue>'+document.styleSheets[2].rules.length+'</SPAN><BR>';
str+='document.styleSheets[2].rules[0].selectorText=<SPAN class=blue>'+
  document.styleSheets[2].rules[0].selectorText+'</SPAN><BR>';
str+='document.styleSheets[2].rules[1].selectorText=<SPAN class=blue>'+
  document.styleSheets[2].rules[1].selectorText+'</SPAN><BR>';
document.write(str);
</SCRIPT>