<ELEMENT class="classString"> 애트리뷰트로 개체의 클라스 이름을 반환하거나 지정한다.

인수
: (속성 문자열)
속성값은 개체의 스타일 클라스를 인식할 수 있는 인식자를 나타내는 문자열이다.

엘레멘트에 지정한 특정 스타일 클라스를 적용하는데 사용된다.

이 속성은 읽기/쓰기이며 디폴트값은 없다.

특기

IE5 부터는 복수 클라스 이름을 사용할 수 있다.

<ELEMENT class=class1 [class2 [class3]]>

한 엘레멘트에 복수의 클라스 이름을 지정하는 경우, 같은 애트리뷰트에 다른 값들이 설정되어 있다면 마찰이 일어 날 수 있다. 이를 해결하기 위하여 다음과 같은 순서로 적용한다.

  1. Element
  2. class
  3. id
  4. 인라인 스타일(Inline style)
같은 속성이 다시 지정되면 나중에 지정된 속성이 적용된다.
적용
개체scriptHTML규격IE
참조

자세한 내용은 CSS 규격 Cascading을 참조하라.



blockQuote 개체의 복수 className 속성 예제

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>