La propiedad Style lineHeight se utiliza para establecer o devolver la distancia entre líneas en un texto. Es una string que representa la distancia entre líneas en el texto.
- Para devolver la altura de línea.
object.style.lineHeight
- Para establecer la altura de la línea.
object.style.lineHeight = "normal|number|length|%|initial| inherit"
Valores devueltos: Devuelve un valor de string que representa la distancia entre líneas en el texto
Valores de propiedad :
- normal : Se utiliza para definir la altura normal.
- número: se utiliza para definir un número que se multiplicará con el tamaño de fuente actual para establecer la altura de la línea.
- length : Se utiliza para definir la altura de la línea en unidades de longitud.
- % : Se utiliza para definir la altura de la línea en % del tamaño de fuente actual.
- initial : se utiliza para establecer esta propiedad en su valor predeterminado.
- heredar: se utiliza para heredar esta propiedad de su elemento padre.
El siguiente programa ilustra la propiedad Style lineHeight:
Ejemplo: establecer la altura de la línea para un elemento <div>.
html
<!DOCTYPE html>
<html>
<head>
<title> Style lineHeight property in HTML</title>
<style>
#samplediv {
border: 1px solid green;
}
h1 {
color: green;
}
h2 {
font-family: Impact;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2> Style lineHeight property </h2>
<br>
<div id="MyDiv">
GeeksforGeeks offers the following courses :
<ul>
<li> Fork Python </li>
<li> Fork CPP </li>
<li> Fork Java </li>
<li> Sudo Placement </li>
</ul>
</div>
<br>
<p>Double click the button</p>
<button type="button" ondblclick="lineheight()">
Adjust Line Height
</button>
<script>
function lineheight() {
// Set lineHeight.
document.getElementById(
"MyDiv").style.lineHeight =
"2";
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Navegadores compatibles:
- Google Chrome 1 y superior
- Borde 12 y superior
- Internet Explorer 4 y superior
- Firefox 1 y superior
- Ópera 7 y superior
- Apple Safari 1 y superior
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA