font
font 속성은 폰트에 관한 설정을 정의합니다.
font
font 속성은 폰트에 관한 설정을 정의합니다.
| 특징 | 설명 |
|---|---|
| 기본 값 |
font-style : normal font-variant : normal font-weight : normal font-size : medium line-height : normal font-family : 사용자 설정에 따름 |
| 버전 | CSS1 |
정의(Definition)
- font 속성은 폰트에 관한 설정을 정의합니다.
- font 속성은 폰트 스타일, 폰트 변형, 폰트 두께, 폰트 사이즈, 폰트 간격, 폰트 종류를 설정합니다.
문법(Syntax)
font : font-style / font-variant / font-weight / font-stretch / font-size / line-height / font-family | caption | icon | menu | message-box | small-caption | status-bar
/* size | family를 설정한 경우 */
font: 20px "Open Sans", sans-serif;
/* style | size | family를 설정한 경우 */
font: italic 20px "Open Sans", sans-serif;
/* style | variant | weight | size/line-height | family를 설정한 경우 */
font: italic small-caps bolder 16px/3 cursive;
/* style | variant | weight | stretch | size/line-height | family를 설정한 경우 */
font: italic small-caps bolder condensed 16px/3 cursive;
속성(Property)
| 속성값 | 설명 |
|---|---|
| font-style | 폰트 스타일 속성을 설정합니다. |
| font-variant | 폰트 글꼴을 변형하는 속성입니다. |
| font-weight | 폰트 두께 속성을 설정합니다. |
| font-stretch | 텍스트의 크기를 정의합니다. |
| font-size | 폰트 사이즈를 설정합니다. |
| line-height | 폰트와 폰트사이의 거리를 설정합니다. |
| font-family | 폰트 종류를 설정합니다. |
| caption | 폰트의 스타일을 caption으로 설정합니다. |
| icon | 폰트의 스타일을 icon으로 설정합니다. |
| menu | 폰트의 스타일을 menu로 설정합니다. |
| message-box | 폰트의 스타일을 message-box로 설정합니다. |
| small-caption | 폰트의 스타일을 small-caption로 설정합니다. |
| status-bar | 폰트의 스타일을 status-bar로 설정합니다. |
호환성(Compatibility)
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| font | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
