คุณสมบัติ HTML DOM Style lineHeight ใช้เพื่อกำหนดความสูงของบรรทัด ซึ่งเป็นระยะห่างระหว่างบรรทัดในข้อความ
ต่อไปนี้เป็นรูปแบบการตั้งค่า lineHeight ไวยากรณ์ -
object.style.lineHeight
ต่อไปนี้เป็นรูปแบบการคืนค่า lineHeight ไวยากรณ์ -
object.style.lineHeight = "normal|number|length|%|initial|inherit"
ด้านบน ค่าที่ได้อธิบายไว้ด้านล่าง −
- ปกติ: ความสูงของเส้นปกติ ค่าเริ่มต้น
- หมายเลข: ตัวเลขคูณด้วยขนาดตัวอักษรปัจจุบันเพื่อกำหนดความสูงของบรรทัด
- ความยาว: ความสูงของเส้นเป็นหน่วยความยาว
- %: ความสูงของบรรทัดเป็น % ของขนาดตัวอักษรปัจจุบัน
- ค่าเริ่มต้น: ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น
- สืบทอด: สืบทอดคุณสมบัตินี้จากองค์ประกอบหลัก
ให้เรามาดูตัวอย่างการใช้งานคุณสมบัติ DOM Style lineHeight -
ตัวอย่าง
<!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> ผลลัพธ์
ตอนนี้ให้คลิกปุ่มเพื่อกำหนดความสูงของเส้น -
