Thuộc tính fontWeight của Style

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

fontWeight Cài đặt hoặc trả về mức độ đậm của ký tự trong văn bản.

Xem thêm:

Giáo trình CSS:Phông chữ CSS

Hướng dẫn CSS:Thuộc tính font-weight

Hướng dẫn HTML DOM:Thuộc tính font

Mô hình

Ví dụ 1

Cài đặt độ đậm của font của thẻ <p> thành "900":

document.getElementById("myP").style.fontWeight = "900";

Thử ngay

Ví dụ 2

Hiển thị các giá trị có thể:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontWeight = listValue;

Thử ngay

Ví dụ 3

Trả về độ đậm của font của thẻ <p>:

alert(document.getElementById("myP").style.fontWeight);

Thử ngay

Ngữ pháp

Trả về thuộc tính fontWeight:

object.style.fontWeight

Cài đặt thuộc tính fontWeight:

object.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
normal Font bình thường. Mặc định.
lighter Font mỏng hơn.
bold Font đậm.
bolder Font mỏng hơn.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900

Định nghĩa từ font mỏng đến font đậm của ký tự.

400 giống như normal, 700 giống như bold.

initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial
inherit Di chuyển thuộc tính này từ phần tử cha của nó. Xem thêm inherit

Chi tiết kỹ thuật

Giá trị mặc định: normal
Giá trị trả về: Giá trị chuỗi, biểu thị độ đậm của字体.
Phiên bản CSS: CSS1

Trình duyệt hỗ trợ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ