HTML DOM Style lineHeight 属性

htmlweb developmentfront end technology更新于 2025/9/13 7:08:17

HTML DOM Style lineHeight 属性用于设置行高，即文本中行与行之间的距离。

以下是设置 lineHeight 属性 − 的语法

object.style.lineHeight

以下是返回 lineHeight 属性 − 的语法

object.style.lineHeight = "normal|number|length|%|initial|inherit"

以上，值描述如下 −

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>