Definición de .line-height utilizado en CSS
La propiedad .line-height
define la cantidad de espacio por encima y por debajo de los elementos en línea. Es decir, elementos que están configurados para mostrar: en línea o pantalla: bloque en línea. Esta propiedad se usa con mayor frecuencia para establecer el líder para líneas de texto.
Caso de empleo de line-height
Si te gustaría utilizar esta propiedad de CSS en tu stylesheet, hazlo de la siguiente manera:
p {
line-height: 1.35;
}
Otro ejemplo más avanzado de .line-height es el siguiente de CODEPEN:
Sintaxis de .line-height en CSS
line-height: normal|number|length|initial|inherit;
Valores
Valor | Descripción | Manifestación |
---|---|---|
normal | Una altura de línea normal. esto es por defecto | |
número | Un número que se multiplicará con el tamaño de fuente actual para establecer la altura de la línea | |
longitud | Una altura de línea fija en px, pt, cm, etc. | |
% | Una altura de línea en porcentaje del tamaño de fuente actual | |
inicial | Establece esta propiedad en su valor predeterminado. | |
heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .line-height
Los números de la tabla detallan la primera versión del navegador que es absolutamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
list-style | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |