CSS 폰트 속성

정의와 사용법

font 단축 속성은 한 번에 모든 글꼴 속성을 설정합니다.

주석:이 속성에는 다섯 번째 값도 있습니다: "line-height"으로 행 간격을 설정할 수 있습니다.

설명

이 단축 속성은 한 번에 요소의 글꼴의 두 가지나 더 많은 측면을 설정하는 데 사용됩니다. icon 등의 키워드를 사용하여 요소의 글꼴을 적절히 설정하여 사용자 컴퓨터 환경의 특정 측면과 일치시킬 수 있습니다. 주의하십시오. 이러한 키워드를 사용하지 않으면 최소한 글꼴 크기와 글꼴 시리즈를 지정해야 합니다.

可以按顺序设置如下属性：

다음과 같은 순서로 속성을 설정할 수 있습니다:

일부 값은 설정하지 않아도 됩니다. 예를 들어, font:100% verdana;도 허용됩니다. 설정되지 않은 속성은 기본 값을 사용합니다.

다른 참조:CSS 글꼴

CSS 튜토리얼:HTML DOM 참조 설명서:

font 속성

예제

모든 글꼴 속성을 하나의 선언 내에 설정합니다:
  p.ex2
  p.ex1
  font:italic bold 12px/20px arial,sans-serif;
font:italic arial,sans-serif;
  p.ex2
  {
  font:italic bold 12px/20px arial,sans-serif;

}

직접 테스트해 보세요

CSS 문법 글꼴 스타일을 정의합니다. 참조: 글꼴 변체를 정의합니다. 참조: 글꼴 두도를 정의합니다. 참조: 글꼴 크기와 행높이를 정의합니다. 참조:font:와 font-family/

|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

속성 값 값
글꼴 스타일을 정의합니다. 참조: 설명글꼴 스타일을 정의합니다. 참조: 중에 가능한 값.
글꼴 변체를 정의합니다. 참조: font-style글꼴 변체를 정의합니다. 참조: 중에 가능한 값.
글꼴 두도를 정의합니다. 참조: font-variant글꼴 두도를 정의합니다. 참조: 중에 가능한 값.
font-weight font-size/line-height글꼴 크기와 행높이를 정의합니다. 참조: font-size 와 중에 가능한 값.
font-family 글꼴 시리즈를 정의합니다. 참조:font-family 중에 가능한 값.
caption 버튼, 드롭다운 목록 등과 같은 제목 컨트롤에서 사용되는 글꼴을 정의합니다.
icon 아이콘 마크에서 사용되는 글꼴을 정의합니다.
menu 드롭다운 목록에서 사용되는 글꼴을 정의합니다.
message-box 대화 상자에서 사용되는 글꼴을 정의합니다.
small-caption caption 글꼴의 소형 버전.
status-bar 창 상태 바에서 사용되는 글꼴을 정의합니다.

기술 세부 사항

기본값: not specified
thừa kế성: yes
버전: CSS1
JavaScript 문법: object.style.font="italic small-caps bold 12px arial,sans-serif"

TIY 예제

모든 글꼴 속성이 하나의 선언 내에 있습니다
이 예제에서 간추린 속성을 사용하여 글꼴 속성을 하나의 선언 내에 설정하는 방법을 보여줍니다.
"caption" 값을 사용하여段落 글꼴 설정
이 예제에서 "caption" 값을 사용하여段落 글꼴을 설정하는 방법을 보여줍니다.

브라우저 지원

표에서의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 4.0 1.0 1.0 3.5