개체 속의 텍스트에 사용되는 글꼴의 굵기를 반환하거나 설정한다.

인수
cssSelector : (스타일 선택자)
속성을 가질수 있는 엘레멘트()나 클라스(class) 이름 혹은 인식자(id)이다.

: (속성 문자열)
스타일 속성은 개체 속의 텍스트에 사용되는 글꼴의 굵기를 나타내는 문자열이다.

normal 디폴트이며, 보통의 글꼴이다.
bold 굵게 표현한 글꼴이다.
bolder 보통보다 한단계 굵은(bold) 글꼴이다.
lighter 보통보다 한단계 얇은(lighter) 글꼴이다.
100 가장 얇은 글꼴이다.
200  
300  
400 정상적인 글꼴이다. 디폴트값에 해당된다.
500  
600  
700 굵게 표현한 글꼴이다.
800  
900 가장 굵은 글꼴이다.

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 normal이다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.

특기

font-weight 값에 대한 키워드는 사용자 컴퓨터에 설저된 내용에 따라 다를 수 있다. 많은 경우, 시스템이 가장 가까운 일치를 선택하므로, font-weight 설정에 따라 그 차이를 감지하지 못한다.

font-weight 400으로 설정하는 것은 디폴트값인 normal에 해당하고, 700bold에 해당한다. bolderlighter는 모체 개체의 글자 굵기에 상대적인 font-weight이다. 모체의 글꼴 굵기가 보통인 경우 bolder를 설정하면 bold와 같아진다.

IE4.0normalbold만 지원한다.

IE3.0font 애트리뷰트를 통하여 font-weight를 설정한다.

적용
개체scriptCSS IE 버전
참조
font

이 속성은 CSS1(Cascading Style Sheets, Level 1)에서 정의되었다.


divO1Obj.style.fontWeight:bold
divO2Obj.style.fontWeight:bolder
divO3Obj.style.fontWeight:lighter
divO4Obj.currentStyle.fontWeight=
 .style.fontWeight=  
<DIV id=divO1Obj style=font-weight:bold
  onmouseover="showA.innerText=this.id;showB.innerText=this.style.fontWeight">divO1Obj.style.fontWeight:bold</DIV>
<DIV id=divO2Obj style=font-weight:bolder
  onmouseover="showA.innerText=this.id;showB.innerText=this.style.fontWeight">divO2Obj.style.fontWeight:bolder</DIV>
<DIV id=divO3Obj style=font-weight:lighter
  onmouseover="showA.innerText=this.id;showB.innerText=this.style.fontWeight">divO3Obj.style.fontWeight:lighter</DIV>
<DIV id=divO4Obj
  onmouseover="showA.innerText=this.id;showB.innerText=this.currentStyle.fontWeight">divO4Obj.currentStyle.fontWeight=
  <SCRIPT>document.write(divO4Obj.currentStyle.fontWeight)</SCRIPT></DIV>
<SCRIPT>
str='';
for (i=1;i<10;i++){
  str+='<DIV id=div'+i+'Obj style="font-weight:'+i+'00" ';
  str+=' onmouseover="showA.innerText=this.id;showB.innerText=this.style.fontWeight">div'+i+'Obj.fontWeight:'+i+'00</DIV>';
}
document.write(str);
</SCRIPT>
<DIV style="border:solid 1 blue;background:ffe"><SPAN id=showA> </SPAN>.style.fontWeight= <SPAN id=showB> </SPAN></DIV>