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

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

: (속성 문자열)
스타일 속성은 개체의 글꼴(font) 속성들이나 혹은 6개까지의 사용자 선호 글꼴들을 나타내는 문자열이다.

복합 축약 속성으로 6개까지의 다음 값들을 공백으로 분리한 문자열이다.

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)에 사용되는 사용자 선호 글꼴이다.

이 속성은 읽기/쓰기이며, 디폴트값은 normal normal normal medium normal "Times New Roman"이다.

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

특기

IE6에서 !DOCTYPE 속성에 규격에 부합하는 설정을 하면, 이 복합 축약 속성의 디폴트 font-size 값이 medium이 아니라 small이다.

이는 복합 축약 속성으로 6개의 값까지 설정한다. font-style, font-variantfont-weight 값들은 어느 순서든 관계없이 나올 수 있고, 그 후에 font-size가 나와야 한다. 그러나 font-size, line-heightfont-family 속성들은 순서대로 나와야한다. font 속성도 복합 축약 속성이다. 이 경우 문자열값은 유효한 값들의 결합이어야 한다. font-family만 여러개의 값들을 가질 수 있다. 문자열에 유효하지 않은 속성값을 가지면 그 속성에는 이전에 복합 축약 속성으로 지정된 값에 관계없이 디폴트값이 적용된다.

IE6에서 !DOCTYPE 속성에 규격에 부합하는 설정을 하면, 다음 조건이 속성에 적용된다.

  1. font-sizefont-family 값들이 설정되어야 한다. font-sizefont-family가 선언되지 않았거나 올바른 순서로 설정되지 않았으면, font 속성은 무시된다.
  2. 모든 설정 값들은 순서에 맞아야한다. 틀리면 font 속성은 무시된다.
  3. 표준 부합 모드에서, 디폴트 font-sizemedium이 아니고 small이다. 명시적으로 설정하지 않으면 font-size는 포인트(pt : point)값을 반환한다.

이 속성으로 caption, icon, menu, message-box, small-caption이나 status-bar등 사용자 선호 글꼴 속성을 지정하는 경우, 같은 엘레멘트에 다른 글꼴 설정들을 하지 마라. 같이 설정하는 경우는 다른 값들이 표현될 수 있고 사용자 선호 글꼴 값이 무시된다.

적용
개체scriptCSS IE 버전
참조
CSS 길이단위 fontStyle fontVariant fontWeight fontSize fontFamily,

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


font 속성이 적용된 DIV 문단에 마우스를 올러보라.
결과 표시창
<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>