정의
font 속성은 모든 font 속성들을 한번에 선언할 수 있는 축약속성.
기본값
지정하지 않음.
브라우저 지원 :
구문
{ font: font-style font-variant font-weight font-size line-height font-family inherit }
설정 속성
| 값 | 설명 | 값 속성 | 속성 설명 |
|---|---|---|---|
| font-style | 글꼴 스타일을 지정 | normal (기본값) | 보통 글꼴 스타일을 표시 |
| italic | 기울임 꼴 글꼴 스타일을 표시 | ||
| oblique | 비스듬한 글꼴 스타일을 표시 | ||
| inherit | 글꼴 스타일은 부모 요소에서 상속하도록 지정 | ||
| font-variant | 글꼴 변형 형태를 지정 | normal (기본값) | 보통 글꼴을 표시 |
| small-caps | 소문자를 대문자로 변환 | ||
| inherit | 글꼴의 변형은 부모 요소에서 상속하도록 지정 | ||
| font-weight | 글꼴 두께를 지정 | normal (기본값) | 보통 글꼴 두께를 표시 |
| bold | 글꼴 굵게 | ||
| bolder | 보통 보다 굵게 | ||
| lighter | 보통 보다 얇게 | ||
| 100,200,300,400,500,600,700,800,900 | 100 ~ 900 : 100 부터 900 까지 설정 할 수 있으며, 400(normal), 700(bold) | ||
| inherit | 글꼴 두께는 부모 요소에서 상속하도록 지정 | ||
| font-size | 글꼴 크기를 지정 | medium (기본값) | (절대고정 크기) medium 사이즈로 지정 |
| xx-large | (절대고정 크기) xx-large 사이즈로 지정 | ||
| x-large | (절대고정 크기) x-large 사이즈로 지정 | ||
| large | (절대고정 크기) large 사이즈로 지정 | ||
| pt | (절대고정 크기) 9pt,10pt등 절대크기 포인트 값입니다. | ||
| small | (절대고정 크기) small 사이즈로 지정 | ||
| x-small | (절대고정 크기) x-small 사이즈로 지정 | ||
| xx-small | (절대고정 크기) xx-small 사이즈로 지정 | ||
| em | (상대비례 크기) 1em,0.4em등으로 부모에게 상속받은 속성값(기존에 설정된 글꼴의값)을 기준으로 해서 상대 크기 지정 | ||
| ex | (상대비례 크기) 기준 글꼴 문자의 영문 소문자 높이 | ||
| % | (상대비례 크기) 150%,200%등 부모에게 상속받은 속성값(기존에 설정된 글꼴의값)을 기준으로 해서 크기를 조정할 때에 사용합니다. | ||
| px | (상대비례 크기) 해상도에 대한 상대크기 | ||
| larger | (상대비례 크기) 글자 크기를 앞에 입력한 글자보다 크게 | ||
| smaller | (상대비례 크기) 글자 크기를 앞에 입력한 글자보다 작게 | ||
| inherit | 글꼴 크기는 부모 요소에서 상속하도록 지정 | ||
| font-family | 글꼴 설정 | family-name generic-family | 글꼴 이름을 적어 지정. Georgia, "Times New Roman" (글꼴 이름에 띄어 쓰기가 있으면 큰 따옴표로 묶어줌.) |
| inherit | 글꼴 가족은 부모 요소에서 상속되도록 지정하는 | ||
| inherit | 글꼴 속성의 값이 부모 요소에서 상속하도록 지정 |