Thuộc tính phông chữ kiểu
Thí dụ
Đặt phông chữ cho một phần tử:
document.getElementById("demo").style.font = "italic bold 20px arial,serif";
Định nghĩa và Cách sử dụng
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 viết tắt.
Với thuộc tính này, bạn có thể đặt / trả lại các thông số sau (theo thứ tự này):
- kiểu phông chữ
- font-variant
- font-weight
- cỡ chữ
- chiều cao giữa các dòng
- font-family
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 với 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 chuyên sâu để 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ả lại 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ả lại: | Một chuỗi, đại diện cho các thuộc tính phông chữ khác nhau của phần tử |
| Phiên bản CSS | CSS1 |
Các ví dụ khác
Thí dụ
Trả về phông chữ của một phần tử:
alert(document.getElementById("demo").style.font);
Các trang liên quan
Hướng dẫn CSS: Phông chữ CSS
Tham chiếu CSS: thuộc tính phông chữ
❮ Đối tượng phong cách