Thuộc tính font trong CSS

Thuộc tính font

Để rút ngắn mã, bạn cũng có thể chỉ định tất cả các thuộc tính font đơn lẻ trong một thuộc tính.

font Thuộc tính là cách biểu diễn ngắn gọn của các thuộc tính sau:

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

Mẫu

Sử dụng cách biểu diễn ngắn gọn để thiết lập một số thuộc tính font:

p.a {
  font: 20px Arial, sans-serif;
}
p.b {
  font: italic small-caps bold 12px/30px Georgia, serif;
}

Thử trực tiếp một lần.

Lưu ý:font-size và font-family Giá trị là bắt buộc. Nếu thiếu một giá trị nào đó khác, sẽ sử dụng giá trị mặc định của nó.

Tất cả các thuộc tính font CSS

Thuộc tính Mô tả
font Thuộc tính viết tắt. Đặt tất cả các thuộc tính font trong một câu tuyên bố.
font-family Định nghĩa họa tiết của văn bản (font family).
font-size Định nghĩa kích thước của văn bản.
font-style Định nghĩa phong cách của văn bản.
font-variant Định nghĩa có nên hiển thị văn bản bằng chữ in nhỏ viết hoa hay không.
font-weight Định Độ mỏng hoặc dày của字体.