Thuộc tính font-weight trong CSS
Thuộc tính font-weight trong CSS giúp bạn xác định độ đậm của chữ cái xuất hiện trong phần tử.
Thuộc tính font-weight có thể nhận giá trị:
100, 200, 300, 400, 500, 600, 700, 800 và 900: các giá trị số này xác định độ đậm của chữ cái, từ độ đậm ít nhất đến đậm nhất. Trong đó, giá trị 400 là tương đương với giá trị normal, giá trị 700 là tương đương với giá trị bold.
normal: giá trị mặc định, tương đương với khi xác định là 400.
bold: giá trị tương đương với khi xác định là 700.
bolder: các chữ cái trong phần tử này sẽ đậm hơn các chữ cái trong phần tử cha.
lighter: các chữ cái trong phần tử cha sẽ đậm hơn các chữ cái trong phần tử này.
Thuộc tính font-weight có thể áp dụng cho:
Tất cả các phần tử HTML.
Cú pháp thuộc tính font-weight trong DOM
object.style.fontWeight = "900";
Ví dụ thuộc tính font-weight trong CSS
Bạn theo dõi ví dụ sau để thấy cách sử dụng của thuộc tính font-weight trong CSS:
<html>
<head>
</head>
<body>
<p style="font-weight:bold;">
Doan van nay duoc hien thi duoi dang in dam.
</p>
<p style="font-weight:bolder;">
Doan van nay duoc hien thi duoi dang in dam hon.
</p>
<p style="font-weight:500;">
Doan van nay co Font Weight la 500.
</p>
</body>
</html>
Kết quả là:
Công cụ giáo viên (2048.VN)
Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free
Bài học CSS phổ biến khác tại vietjack.com:
Dành cho bạn
Công cụ giáo viên
- Tạo đề online từ PDF / Word
- Trộn nhiều mã đề, in Offline
- Giao bài online, Quản lí lớp học
