Thuộc tính HTML DOM Style lineHeight được sử dụng để đặt chiều cao dòng, là khoảng cách giữa các dòng trong văn bản.
Sau đây là cú pháp để đặt thuộc tính lineHeight -
object.style.lineHeight
Sau đây là cú pháp để trả về thuộc tính lineHeight -
object.style.lineHeight = "normal|number|length|%|initial|inherit"
Ở trên, các giá trị được mô tả bên dưới -
- bình thường: Chiều cao dòng bình thường. Mặc định.
- số: Một số nhân với kích thước phông chữ hiện tại để đặt chiều cao dòng
- độ dài: chiều cao dòng theo đơn vị độ dài
- %: chiều cao dòng tính bằng% của kích thước phông chữ hiện tại
- tên viết tắt: Đặt thuộc tính này thành giá trị mặc định.
- kế thừa: Kế thừa thuộc tính này từ phần tử mẹ của nó.
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính DOM Style lineHeight -
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h2>Demo Heading</h2>
<div id="myid">
Here, we have set demo text. Here, we have set demo text. Here, we have set demo text. Here,
we have set demo text. Here, we have set demo text. Here, we have set demo text. Here, we
have set demo text. Here, we have set demo text.
Here, we have set demo text. Here, we have set demo text. Here, we have set demo text. Here,
we have set demo text. Here, we have set demo text. Here, we have set demo text.
</div>
<br>
<button type="button" onclick="display()">Click to increase the line height</button>
<script>
function display() {
document.getElementById("myid").style.lineHeight = "3";
}
</script>
</body>
</html> Đầu ra
Bây giờ hãy nhấp vào nút để đặt chiều cao dòng -
