Thuộc tính phông chữ CSS
Thí dụ
Đặt một số thuộc tính phông chữ với khai báo viết tắt:
p.a
{
font: 15px Arial, sans-serif;
}
p.b
{
font: italic small-caps bold 12px/30px Georgia, serif;
}
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc font
tính này là một thuộc tính viết tắt cho:
Các giá trị kích thước phông chữ và phông chữ-họ là bắt buộc. Nếu thiếu một trong các giá trị khác, giá trị mặc định của chúng sẽ được sử dụng.
Lưu ý: Thuộc tính line-height đặt khoảng cách giữa các dòng.
Giá trị mặc định: | Giá trị mặc định của các thuộc tính phông chữ |
---|---|
Thừa hưởng: | Đúng |
Hoạt hình: | có, hãy xem các thuộc tính riêng lẻ . Đọc về hoạt hình |
Phiên bản: | CSS1 |
Cú pháp JavaScript: | object .style.font = "italic small-caps bold 12px arial, sans-serif" |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Lưu ý: Xem hỗ trợ từng trình duyệt cho từng giá trị bên dưới.
Cú 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ị tài sản
Property/Value | Description |
---|---|
font-style | Specifies the font style. Default value is "normal" |
font-variant | Specifies the font variant. Default value is "normal" |
font-weight | Specifies the font weight. Default value is "normal" |
font-size/line-height | Specifies the font size and the line-height. Default value is "normal" |
font-family | Specifies the font family. Default value depends on the browser |
caption | Uses the font that are used by captioned controls (like buttons, drop-downs, etc.) |
icon | Uses the font that are used by icon labels |
menu | Uses the fonts that are used by dropdown menus |
message-box | Uses the fonts that are used by dialog boxes |
small-caption | A smaller version of the caption font |
status-bar | Uses the fonts that are used by the status bar |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Các ví dụ khác
Thí dụ
Trình diễn một số giá trị thuộc tính phông chữ khác.
<p style="font:caption">The browser font used in captioned controls.</p>
<p style="font:icon">The browser font used in icon labels.</p>
<p style="font:menu">The browser font used in dropdown menus.</p>
<p style="font:message-box">The browser font used in dialog boxes.</p>
<p style="font:small-caption">A smaller version of the caption font.</p>
<p style="font:status-bar">The browser font used in the status bar.</p>
Các trang liên quan
Hướng dẫn CSS: Phông chữ CSS
Tham chiếu DOM HTML: thuộc tính phông chữ