Thuộc tính font-weight trong CSS

Định nghĩa và cách sử dụng

Thuộc tính fontWeight thiết lập độ đậm của văn bản.

Giải thích

Thuộc tính này được sử dụng để thiết lập độ đậm của văn bản hiển thị của phần tử. Giá trị số 400 tương đương với từ khóa normal, còn 700 tương đương với bold. Mỗi giá trị số của độ đậm của font phải ít nhất mỏng bằng giá trị số nhỏ hơn và ít nhất đậm bằng giá trị số lớn hơn.

Xem thêm:

Giáo trình CSSPhông chữ CSS

Hướng dẫn CSSThuộc tính font trong CSS

Hướng dẫn HTML DOMThuộc tính fontWeight

Ví dụ

Thiết lập độ đậm của font cho ba đoạn văn:

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

Thử ngay

Cú pháp CSS

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

Giá trị thuộc tính

Giá trị Mô tả
normal Giá trị mặc định. Định nghĩa các ký tự tiêu chuẩn.
bold Định nghĩa các ký tự đậm.
bolder Định nghĩa các ký tự đậm hơn.
lighter Định nghĩa các ký tự mỏng hơn.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 Định nghĩa các ký tự từ đậm đến mỏng. 400 tương đương với normal, còn 700 tương đương với bold.
inherit Định nghĩa rằng độ đậm của font nên được kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: normal
Di truyền: yes
Phiên bản: CSS1
Cú pháp JavaScript: object.style.fontWeight="900"

TIY ví dụ

Thiết lập độ đậm của font
Ví dụ này minh họa cách thiết lập độ đậm của font.

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
2.0 4.0 1.0 1.3 3.5