font

Summary

엘리먼트안의 텍스트 컨텐츠의 font-style, font-variant, font-weight, font-size, line-height, font-family를 설정하는 약식속성이다.

Value

• font-style, font-variant, font-weight, font-size, line-height, font-family
• caption : 제목 글꼴 (시스템 글꼴 참조) [아래 sample1참고]
• icon : 아이콘 라벨에 사용되는 글꼴 (시스템 글꼴 참조)
• menu : 메뉴에 사용되는 글꼴 (시스템 글꼴 참조)
• message-box : 대화 상자에 사용되는 글꼴 (시스템 글꼴 참조)
• small-caption : 작은 라벨에 사용되는 글꼴 (시스템 글꼴 참조)
• status-bar : 상태바에 사용되는 글꼴 (시스템 글꼴 참조)
• inherit

Tip

1. 다음은 같은 폰트 설정을 다른 방식으로 표현한 것이다. [아래 sample2 참고] 아래 두 p엘리먼트의 폰트는 같다
   ?

   1 2 3 4 5 6 7 8 9

   .p1 { font-family: sans-serif; font-weight: bold; font-size: 1.2em; line-height: 2em; } .p2 { font: bold 1.2em/2em sans-serif; }