개체 속의 텍스트에 사용되는 글꼴의 굵기를 반환하거나 설정한다.
| 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에 해당하고, 700은 bold에 해당한다. bolder 나 lighter는 모체 개체의 글자 굵기에 상대적인 font-weight이다. 모체의 글꼴 굵기가 보통인 경우 bolder를 설정하면 bold와 같아진다.
IE4.0은 normal과 bold만 지원한다.
IE3.0은 font 애트리뷰트를 통하여 font-weight를 설정한다.
| 개체 | script | CSS | IE 버전 |
|---|
이 속성은 CSS1(Cascading Style Sheets, Level 1)에서 정의되었다.
<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>