Giới thiệu
Thuộc tính fontSize trong HTML DOM Style dùng để thiết lập hoặc lấy kích thước của font chữ.
Cú pháp
Thiết lập fontSize:
object.style.fontSize = "value|initial|inherit"
Giá trị
| Giá trị | Mô tả |
|---|---|
| xx-small, x-small, small, medium, large, x-large, xx-large | Các kích thước từ khóa tuyệt đối từ rất nhỏ đến rất lớn. |
| smaller | Giảm kích thước font một đơn vị tương đối so với phần tử cha. |
| larger | Tăng kích thước font một đơn vị tương đối so với phần tử cha. |
| length | Chỉ định kích thước font bằng đơn vị độ dài hợp lệ (px, em, rem...). |
| % | Đặt kích thước font của phần tử con theo % so với font-size của phần tử cha. |
| initial | Đặt về giá trị mặc định. |
| inherit | Kế thừa từ phần tử cha. |
Ví dụ
Ví dụ thay đổi font-size của các mục list thành xx-large.
<!DOCTYPE html> <html> <head> <style>
li{
font-size: 1.1em;
background-color: snow;
font-family: cursive;
}
</style> <script>
function changeFontSize() {
for(var i=0; i<3; i++){
document.getElementsByTagName("li")[i].style.fontSize = "xx-large";
}
document.getElementById("Sample").innerHTML = "Font size của list hiện tại là xx-large";
}
</script> </head> <body>
<ul>
<li>This is list item 1.</li>
<li>This is list item 2</li>
<li>This is list item 3</li>
</ul>
<p>Nhấn nút để thay đổi font size của các mục list</p>
<button onclick="changeFontSize()">Thay đổi Font Size</button>
<p id="Sample"></p>
</body> </html>
Kết quả
Sau khi nhấn nút Thay đổi Font Size:
