Thuộc tính phông chữ kiểu
Ví dụ
Đặt phông chữ cho một phần tử:
document.getElementById("demo").style.font = "italic bold 20px arial,serif";
Hãy tự mình thử »Sự miêu tả
Thuộc tính phông chữ đặt hoặc trả về tối đa sáu thuộc tính phông chữ riêng biệt, ở dạng tốc ký.
Với thuộc tính này, bạn có thể đặt/trả về các mục sau (theo thứ tự này):
- kiểu phông chữ
- biến thể phông chữ
- độ dày phông chữ
- cỡ chữ
- chiều cao giữa các dòng
- họ phông chữ
Kích thước phông chữ và họ phông chữ là bắt buộc. Nếu thiếu một trong các giá trị khác, các giá trị mặc định sẽ được chèn vào, 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 kiểu riêng biệt. Việc sử dụng các thuộc tính riêng biệt rất được khuyến khích đối với các tác giả không có trình độ cao để có khả năng kiểm soát tốt hơn.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
font | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả về thuộc tính phông chữ:
object .style.font
Đặt thuộc tính phông chữ:
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ị tài sản
Value | Description |
---|---|
style | Sets the font-style |
variant | Sets the text in a small-caps font |
weight | Sets the boldness of the font |
size | Sets the size of the font |
lineHeight | Sets the distance between lines |
family | Sets the font face |
caption | The font used for captioned controls (like buttons, drop-downs, etc.) |
icon | The font used to label icons |
menu | The font used in menus |
message-box | The font used in dialog boxes |
small-caption | The font used in small controls |
status-bar | The font used in window status bars |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | không được chỉ định |
---|---|
Giá trị trả về: | Một Chuỗi, biểu thị các thuộc tính phông chữ khác nhau của phần tử |
Phiên bản CSS | CSS1 |
Thêm ví dụ
Ví dụ
Trả về phông chữ của một phần tử:
alert(document.getElementById("demo").style.font);
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: Phông chữ CSS
Tham chiếu CSS: thuộc tính phông chữ