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 trong phần tử hiển thị. 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ố phải ít nhất mỏng hơn giá trị số nhỏ hơn và ít nhất đậm hơn 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 chữ cho ba đoạn văn:

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

Thử ngay

Ngữ 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 chữ nên được kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: normal
Thừa kế: yes
Phiên bản: CSS1
Ngữ pháp JavaScript: object.style.fontWeight="900"

TIY ví dụ

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

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