Properties

Properties

Editing
  • account_tree
  • bug_report

font-weight

폰트의 굵기를 설정한다.

사용 가능한 값 타입

<'font-weight'>

DEVDIC-Specified Data Types

font-weight 속성에 사용되는 타입이다.

  • CSS Fonts Module Level 4
    <font-weight-absolute> | bolder | lighter
  • CSS Fonts Module Level 3
    normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

포함된 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.

  • <font-weight-absolute>

    font-weight 속성에 사용되는 글꼴 굵기의 절대값을 나타낸다.

    • CSS Fonts Module Level 4
      [normal | bold | <number [1,1000]>]
    Details

    사용되는 키워드

    • 100

      얇은 두께로 처리한다.

    • 200

      매우 가볍게 처리한다.

    • 300

      가벼운 두께로 지정한다.

    • 400

      일반 굵기로 지정한다.

    • 500

      중간 굵기로 지정한다.

    • 600

      '700'의 반 굵기로 지정한다.

    • 700

      굵게 지정한다.

    • 800

      매우 굵게 지정한다.

    • 900

      매우 무겁게 지정한다.

    • bold

      '700' 값과 동일하다.

    • normal

      '400' 값과 동일하다.

사용되는 키워드

  • bolder

    상속된 값보다 굵은 가중치를 지정한다.

  • lighter

    상속된 값보다 가벼운 가중치를 지정한다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

구문

  • font-weight: normal;
    CSS Fonts Module Level 4
    기본값으로 글자 굵기가 굵게 설정된 헤딩 태그의 font-weight를 normal로 설정한 경우
  • object.style.fontWeight = "bold";
    CSS Fonts Module Level 3

테스트 도구

font-weight 속성 테스트

버전 명세

Modules
Module NameStatusSummary
CSS Fonts Module Level 3권장

Last review date: 2022-6-18

CSS Fonts Module Level 4초안 작업

Last review date: 2022-6-18

지원 웹브라우저