Thuộc tính font của CSS

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

Thuộc tính viết tắt font thiết lập tất cả các thuộc tính font trong một câu.

Ghi chú:Thuộc tính này cũng có giá trị thứ sáu là: "line-height", có thể thiết lập khoảng cách giữa các dòng.

Mô tả

Thuộc tính viết tắt này được sử dụng để thiết lập hai hoặc nhiều phương diện của font chữ của một yếu tố một lần. Sử dụng các từ khóa như icon để thiết lập font chữ của yếu tố một cách phù hợp, để nó khớp với một phương diện nào đó của môi trường máy tính của người dùng. Lưu ý, nếu không sử dụng các từ khóa này, ít nhất phải chỉ định kích thước font và họ font.

Bạn có thể chỉ định theo thứ tự như sau các thuộc tính:

Bạn có thể không chỉ định một giá trị nào đó, ví dụ font:100% verdana; cũng được phép. Các thuộc tính không được chỉ định sẽ sử dụng giá trị mặc định.

Xem thêm:

Hướng dẫn CSS:Phông chữ CSS

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

Ví dụ

Thiết lập tất cả thuộc tính font trong một câu chỉ định:

p.ex1
  {
  font:italic arial,sans-serif;
  }
p.ex2
  {
  font:italic bold 12px/20px arial,sans-serif;
  }

Thử ngay

Ngữ pháp CSS

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
font-style Định nghĩa phong cách font. Xem thêm:font-style Các giá trị có thể.
font-variant Định nghĩa font biến thể. Xem thêm:font-variant Các giá trị có thể.
font-weight Định nghĩa độ dày font. Xem thêm:font-weight Các giá trị có thể.
font-size/line-height Định nghĩa kích thước font và độ cao dòng. Xem thêm:font-size và line-height Các giá trị có thể.
font-family Định nghĩa họ字体. Xem thêm:font-family Các giá trị có thể.
caption Định nghĩa font được sử dụng bởi điều khiển tiêu đề (ví dụ như nút, danh sách rút gọn, v.v.).
icon Định nghĩa font được sử dụng bởi biểu tượng.
menu Định nghĩa font được sử dụng bởi danh sách rút gọn.
message-box Định nghĩa font được sử dụng bởi hộp thông báo.
small-caption Phiên bản nhỏ của font "caption".
status-bar Định nghĩa font được sử dụng bởi thanh trạng thái cửa sổ.

Chi tiết kỹ thuật

Giá trị mặc định: chưa chỉ định
Kế thừa: yes
Phiên bản: CSS1
Ngữ pháp JavaScript: object.style.font="italic small-caps bold 12px arial,sans-serif"

TIY (Try It Yourself) ví dụ

Tất cả thuộc tính font trong một câu chỉ định
Ví dụ này minh họa cách thiết lập thuộc tính font trong một câu chỉ định.
Thiết lập đoạn văn bản sử dụng giá trị "caption" cho font
Ví dụ này minh họa cách thiết lập đoạn văn bản sử dụng giá trị "caption" cho font.

Hỗ trợ trình duyệt

Số liệu trong bảng ghi chú rõ ràng là phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính đó.

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