Thuộc tính HTML DOM Style fontSizeAdjust được sử dụng để đặt kích thước phông chữ dựa trên chiều cao của chữ cái thường x và chữ cái viết hoa X. Nó cung cấp khả năng kiểm soát kích thước phông chữ nhiều hơn so với thuộc tính fontSize.
Lưu ý:Thuộc tính này chỉ được hỗ trợ trong Mozilla Firefox.
Sau đây là cú pháp cho -
Đặt thuộc tính fontSizeAdjust -
object.style.fontSizeAdjust = "none|number|initial|inherit"
Các thuộc tính trên được giải thích như sau -
| Giá trị | Mô tả |
|---|---|
| không có | Điều này không điều chỉnh kích thước phông chữ và là giá trị mặc định. |
| số | Itis được sử dụng để tính toán tỷ lệ giá trị co bằng cách chia kích thước phông chữ đầu tiên x-height cho một phông chữ thứ hai và nhân số thứ hai đó. |
| 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 fontSizeAdjust -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
.one {
font-family: verdana;
}
.two {
font-family: 'times new roman';
}
#demo1, #demo2 {
font-size-adjust: 0.5;
}
</style>
<script>
function adjustFontSize() {
document.getElementById("demo1").style.fontSizeAdjust="1";
document.getElementById("demo2").style.fontSizeAdjust="1";
document.getElementById("Sample").innerHTML="The fontSizeAdjust property for the above text inside div is increased to 1";
}
</script>
</head>
<body>
<div class="one">This is demo text</div><br/>
<div id="demo1" class="one">This is demo text</div><br/>
<div class="two">This is demo text</div><br/>
<div id="demo2" class="two">This is demo text</div>
<p>Change the above div text fontSizeAdjust property by clicking the below button</p>
<button onclick="adjustFontSize()">Change fontSizeAdjust </button>
<p id="Sample"></p>
</body>
</html> Đầu ra
Khi nhấp vào nút “ Thay đổi fontSizeAdjust Nút ”-
