Thuộc tính HTML DOM fontWeight được sử dụng để thiết lập hoặc trả về độ dày của các ký tự văn bản của một phần tử.
Sau đây là cú pháp cho -
Đặt thuộc tính fontWeight -
object.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit"
Các thuộc tính trên được giải thích như sau
| Giá trị | Mô tả |
|---|---|
| bình thường | Đây là mặc định và không thực hiện bất kỳ thay đổi nào đối với phông chữ. |
| nhẹ hơn | Fontis nhẹ hơn |
| bold | Đặt phông chữ thành đậm hơn là nhạt hơn. |
| táo bạo hơn | Đặt phông chữ đậm hơn đậm hơn. |
| 100 200 300 400 500 600 700 800 900 | Cung cấp dải giá trị mô tả các ký tự từ nhạt đến đậm. Bình thường =400.700 =In đậm. |
| tên ban đầu | Đang xác nhận thuộc tính này về giá trị ban đầu. |
| kế thừa | Kế thừa giá trị thuộc tính mẹ |
Chúng ta hãy xem một ví dụ cho thuộc tính fontWeight -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
#demo2,#demo1 {
font-family: 'times new roman';
font-size: 25px;
}
</style>
<script>
function changeFontWeight() {
document.getElementById("demo1").style.fontWeight="bold";
document.getElementById("demo2").style.fontWeight="bold";
document.getElementById("Sample").innerHTML="The font weight has been changed for the above paragraphs";
}
</script>
</head>
<body>
<div id="demo1" >This is demo text</div>
<div id="demo2">This is demo text</div>
<p>Change the font weight for the text inside above divs by clicking the below button</p>
<button onclick="changeFontWeight()">Change font Weight </button>
<p id="Sample"></p>
</body>
</html> Đầu ra
Khi nhấp vào nút “ Thay đổi độ đậm phông chữ Nút ”-
