CSS 폰트 무게 속성

정의와 사용법

font-weight 속성이 텍스트의 두께를 설정합니다.

설명

이 속성은 표시 요소의 텍스트에 사용되는 글자체 두께를 설정합니다. 숫자 값 400은 normal 키워드에, 700은 bold에 해당합니다. 각 숫자 값에 해당하는 글자체 두께는 다음 가장 작은 숫자와 같이細해야하며, 다음 가장 큰 숫자와 같이 두껍아야 합니다.

또한 참조:

CSS 강의:CSS 글꼴

CSS 참조 가이드:CSS 폰트 속성

HTML DOM 참조 가이드:fontWeight 속성

예제

세 개의 문단의 글자체 두께를 설정합니다:

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

직접 테스트해 보세요

CSS 문법

font-weight: normal|bold|bolder|lighter|number|initial|inherit;

속성 값

값 설명
normal 기본 값. 표준 문자를 정의합니다.
bold 고정된 두께의 문자를 정의합니다.
bolder 더 두꺼운 문자를 정의합니다.
lighter 더细则의 문자를 정의합니다.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 두께에서細到粗의 문자를 정의합니다. 400은 normal에, 700은 bold에 해당합니다.
inherit 부모 요소에서 글자체 두께를 상속해야 합니다.

기술 세부 사항

기본 값: normal
상속성: yes
버전: CSS1
JavaScript 문법: object.style.fontWeight="900"

TIY 예제

글자체 두께 설정
이 예제에서는 글자체의 두께를 설정하는 방법을 보여줍니다.

브라우저 지원

표에서의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 기재하고 있습니다.

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