Properties

Properties

Editing
  • account_tree
  • bug_report

font

폰트의 종류, 크기, 행간, 스타일, 굵기, 대소문자 처리를 한번에 설정하는 축약형 속성이다.

사용 가능한 값 타입

〈'font'〉

  • [ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-stretch-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar
    CSS Fonts Module Level 4

사용되는 키워드

  • caption

    캡션이 있는 폼 컨트롤에 사용되는 글꼴을 나타낸다.

  • icon

    아이콘에 레이블을 지정하는 데 사용되는 글꼴이다.

  • menu

    메뉴에 사용되는 글꼴을 나타낸다.

  • message-box

    대화 상자에 사용되는 글꼴을 나타낸다.

  • small-caption

    작은 컨트롤에 레이블을 지정하는 데 사용되는 글꼴을 나타낸다.

  • status-bar

    창 상태 표시줄에 사용되는 글꼴을 나타낸다.

사용되는 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

  • 〈'font-size'〉

    CSS에서 글꼴 크기를 지정하는 다양한 값을 나타내는 타입이다.

    • <absolute-size> | <relative-size> | <length-percentage>
  • 〈'font-style'〉

    • normal | italic | oblique
  • 〈'font-weight'〉

    • normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
  • 〈font-stretch-css3〉

    • [normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded]
      CSS3.0
  • 〈font-variant-css2〉

    • normal | small-caps
      CSS2.0

구문

  • font 〈font-style〉 〈font-variant〉 〈font-weight〉 〈font-size〉/〈'line-height'〉 〈'font-family'〉;CSS1
    축약형으로 설정하는 샘플 코드

버전 명세

Modules
Module NameStatusSummary
CSS Fonts Module Level 4초안 작업

Last review date: 2022-6-18

지원 웹브라우저