Thuộc tính Style font

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

font Thuộc tính được thiết lập hoặc trả về dưới dạng viết tắt tối đa sáu thuộc tính font riêng lẻ.

Qua thuộc tính này, bạn có thể thiết lập/trả về nội dung sau (theo thứ tự này):

font-size và font-family Là bắt buộc. Nếu thiếu một giá trị nào đó, sẽ chèn giá trị mặc định (nếu có).

Các thuộc tính trên cũng có thể được đặt bằng các thuộc tính phong cách riêng lẻ. Đề xuất các tác giả không chuyên sử dụng các thuộc tính riêng lẻ để đạt được khả năng kiểm soát tốt hơn.

Xem thêm:

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

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

Mô hình

Ví dụ 1

Đặt font của phần tử <p>:

document.getElementById("myP").style.font = "italic bold 20px arial,serif";

Thử ngay

Ví dụ 2

Trả về font của phần tử <p>:

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

Thử ngay

Cú pháp

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

object.style.font

Đặt thuộc tính font:

object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"

Giá trị thuộc tính

Giá trị Mô tả
style Đặt phong cách font.
variant Đặt văn bản thành chữ in hoa nhỏ.
weight Đặt độ dày mỏng của font.
size Đặt kích thước font.
lineHeight Đặt khoảng cách dòng.
family Đặt font.
caption Font được sử dụng cho các điều khiển tiêu đề (như nút, menu thả xuống, v.v...).
icon Font được sử dụng để đánh dấu biểu tượng.
menu Font được sử dụng trong menu.
message-box Font được sử dụng trong hộp thông báo.
small-caption Font được sử dụng trong các điều khiển nhỏ.
status-bar Font được sử dụng trong thanh trạng thái cửa sổ.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thay đổi thuộc tính này từ giá trị của phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: Chưa chỉ định
Giá trị trả về: Chuỗi biểu thị các thuộc tính font khác nhau của phần tử.
Phiên bản CSS: CSS1

Hỗ trợ trình duyệt

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