Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีตั้งค่าระยะห่างระหว่างบรรทัด (Line Height) ด้วย JavaScript

ใช้คุณสมบัติ lineHeight เพื่อกำหนดระยะห่างระหว่างบรรทัดของข้อความ สามารถใช้ตัวเลข (คูณกับ font-size), ความยาว (px, em), หรือเปอร์เซ็นต์

ตัวอย่าง

<!DOCTYPE html>
<html>
  <body>
    <h1>Heading 1</h1>
    <p id="myID">This is Demo Text.<br>This is Demo Text<br>This is Demo Text</p>
    <button type="button" onclick="display()">Set distance between lines</button>
    <script>
      function display() {
        document.getElementById("myID").style.lineHeight = "2";
      }
    </script>
  </body>
</html>