Thuộc tính font
Định nghĩa và sử dụng Thuộc tính font thiết lập font cho thành phần, bao gồm font chữ, độ rộng, … Cấu trúc tag { font: giá trị; } Với thuộc tính và giá trị như sau: Thuộc tính giá trị Mô tả font-family giá trị font Xác định giá trị font family cho chữ. […]
Định nghĩa và sử dụng
Thuộc tính font thiết lập font cho thành phần, bao gồm font chữ, độ rộng, …
Cấu trúc
tag {
font: giá trị;
}
Với thuộc tính và giá trị như sau:
| Thuộc tính | giá trị | Mô tả |
|---|---|---|
| font-family | giá trị font | Xác định giá trị font family cho chữ. |
| font-size | Kích cỡ | Xác định kích cỡ của chữ, đơn vị có thể là px, em, %, … |
| font-size-adjust | Chỉ Firefox hỗ trợ thuộc tính này, nên ít được dùng tới. | |
| font-stretch | Hiện tại các trình duyệt không hỗ trợ thuộc tính này. | |
| font-style | normal italic oblique |
Xác định loại chữ. |
| font-variant | normal small-caps inherit |
Chuyển đổi kiểu chữ (thường thành hoa). |
| font-weight | bold normal Giá trị |
Hiển thị chữ đậm hay thường. |
Ví dụ
Html viết:
<html> <head></head> <body> <p>HỌC HTML - CSS</p> </body> </html>
Hiển thị trình duyệt khi chưa có CSS:
HỌC HTML – CSS
CSS viết:
p {
font-size: 150%;
}
Hiển thị trình duyệt:
HỌC HTML – CSS
Trình duyệt hỗ trợ
- Internet Explorer
- Firefox
- Opera
- Google Chrome
- Safari