English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성 전체

CSS font-weight 속성 사용 방법 및 예제

font-weight CSS 속성은 폰트의 두께를 설정합니다。

아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 이 속성이 JavaScript 스크립트에서 사용하는 문법을 설명합니다。

기본 값:일반
적용 대상:모든 요소
thừa kế:
애니메이션 가능:는.는입니다。 애니메이션 속성
버전:CSS 1,2,3
JavaScript 문법:object.style.fontWeight="700"

font-weight 사용 문법

이 속성의 문법은 다음과 같습니다:

font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | initial | inherit

下面的示例演示了如何使用font-weight 속성。

  h1 {
   font-weight: normal;
  }
  p {
   font-weight: bold;
  }
测试看看‹/›

属性值

下表描述了此属性的值。

描述
normal指定普通字符。
bold指定粗体字符。
bolder定义更粗的字符。
lighter选定义更细字符。
100

数值100 to900이形成一个有序的序列, where each number represents a value that is equal to or greater than the previous one. The keyword normal equals400, 두껍게는700。

200
300
400
500
600
700
800
900
initial이 속성을 기본 값으로 설정합니다。
inherit지정된 경우, 관련 요소는 부모 요소의 font를 사용합니다-weight 속성 값。

브라우저 호환성

font-weight 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다;모든 주요 브라우저는 이 속성을 지원합니다。

  • 파이어폭스 1+

  • 구글 크롬1+

  • 인터넷 익스플로러 3+

  • 애플 사파리 1+

  • 오페라 3。5+

더 읽기

다음 튜토리얼을 참조하세요:CSS 폰트CSS 텍스트

관련 속성과 규칙:fontfont-stylefont-variantfont-sizeline-heightfont-family@font-face