KoXo 자바스크립트 - 스타일(style) - font

개체의 글꼴(font) 속성들이나 혹은 6개까지의 사용자 선호 글꼴들을 반환하거나 설정한다.

결과 표시창

<SCRIPT>
function showAll(){
  str='divObj.style.font=<FONT color=blue>'+divObj.style.font+'</FONT><BR>';
  str+='divObj.style.fontStyle=<FONT color=blue>'+divObj.style.fontStyle+'</FONT><BR>';
  str+='divObj.style.fontVariant=<FONT color=blue>'+divObj.style.fontVariant+'</FONT><BR>';
  str+='divObj.style.fontWeight=<FONT color=blue>'+divObj.style.fontWeight+'</FONT><BR>';
  str+='divObj.style.fontSize=<FONT color=blue>'+divObj.style.fontSize+'</FONT><BR>';
  str+='divObj.style.fontFamily=<FONT color=blue>'+divObj.style.fontFamily+'</FONT><BR>';
  showA.innerHTML=str;
}
</SCRIPT>
<DIV id="divObj" style="font:normal normal normal 12pt 굴림,Courier;height:30"
  onmouseover="this.style.font='italic small-caps bold 14pt 궁서,serif';showAll()"
  onmouseout="this.style.font='normal normal normal 12pt 굴림,Courier';showAll()">
font  속성이 적용된 DIV 문단에 마우스를 올러보라.
</DIV>
<DIV id=showA>결과 표시창</DIV>

font-style	fontStyle 속성에서 유효한 글꼴 스타일 값이다.
font-variant	fontVariant속성에서 유효한 글꼴 변형 값이다.
font-weight	fontWeight 속성에서 유효한 글꼴 굵기 값이다.
font-size	fontSize 속성에서 유효한 글꼴 크기 값이다. 이 값에 %이 따라오면 모체 개체의 글꼴 크기에 대한 상대적인 백분율이다. IE3.0에서는 디폴트 글꼴 크기에 대한 백분율로 계산된다.
line-height	lineHeight 속성에서 유효한 문자열 줄의 높이 값이다. font 속성에서 사용하면 값은 값 앞에 슬래쉬(/)가 나와야 한다. 줄의 높이 백분율은 모체가 아니라 그 엘레멘트 자체의 글꼴 크기에 상대적으로 계산된다.
font-family	fontFamily 속성에서 유효한 글꼴 종류 값이다. 이 속성값은 컴마(,)로 분리된 여러개의 글꼴 종류들의 목록이 될 수 있고, 앞에서부터 적용된다. 디폴트 값은 사용자 설정에 따라 다르다.
caption	단추(button)들, 라벨(label)들 등 제목(caption)을 갖는 개체에 사용되는 사용자 선호 글꼴이다.
icon	아이콘(icon) 라벨에 사용되는 사용자 선호 글꼴이다.
menu	메뉴에 사용되는 사용자 선호 글꼴이다.
message-box	대화창 박스에 사용되는 사용자 선호 글꼴이다.
small-caption	작은 제어에 사용되는 사용자 선호 글꼴이다.
status-bar	윈도우 상태바(status bar)에 사용되는 사용자 선호 글꼴이다.