Summary
엘리먼트안의 텍스트 컨텐츠의 font-style, font-variant, font-weight, font-size, line-height, font-family를 설정하는 약식속성이다.
값 | [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit |
---|---|
기본값 | 브라우저에 의존 |
적용대상 | 모든요소 |
상속 | 상속함 |
퍼센테이지 | 지정 불가 |
미디어 | Visual |
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
- 다음은 같은 폰트 설정을 다른 방식으로 표현한 것이다. [아래 sample2 참고] 아래 두 p엘리먼트의 폰트는 같다
.p1 { font-family: sans-serif; font-weight: bold; font-size: 1.2em; line-height: 2em; } .p2 { font: bold 1.2em/2em sans-serif; }
Sample
1. 글꼴 스타일
2. 폰트를 설정하는 약식 속성 - 두 p엘리먼트의 css코드는 다르지만 같은 형태를 출력한다.