<ELEMENT class="classString"> 애트리뷰트로 개체의 클라스 이름을 반환하거나 지정한다.
엘레멘트에 지정한 특정 스타일 클라스를 적용하는데 사용된다.
이 속성은 읽기/쓰기이며 디폴트값은 없다.
IE5 부터는 복수 클라스 이름을 사용할 수 있다.
<ELEMENT class=class1 [class2 [class3]]>
한 엘레멘트에 복수의 클라스 이름을 지정하는 경우, 같은 애트리뷰트에 다른 값들이 설정되어 있다면 마찰이 일어 날 수 있다. 이를 해결하기 위하여 다음과 같은 순서로 적용한다.
| 개체 | script | HTML | 규격 | IE |
|---|
자세한 내용은 CSS 규격 Cascading을 참조하라.
class 없음.
class=blue.
class="blue bold" 두가지 클라스 지정.
<HEAD>
<STYLE type="text/css">
blockquote {font-size: 15pt;text-indent:2em;border:solid 1 blue;background:#ffa}
.red {color: red;}
.blue {color: blue;}
.bold {font-weight:bold;}
</STYLE>
</HEAD>
<BODY>
<BLOCKQUOTE id=bqObj1> class 없음.</BLOCKQUOTE>
<BLOCKQUOTE class="blue" id=bqObj2> class=blue.</BLOCKQUOTE>
<BLOCKQUOTE class="blue bold" id=bqObj3> class="blue bold" 두가지 클라스 지정. </BLOCKQUOTE>
<SCRIPT>
document.write('bqObj1.className='+bqObj1.className+
'<BR>bqObj2.className='+bqObj2.className+
'<BR>bqObj3.className='+bqObj3.className)
</SCRIPT>
</BODY>