line-height

Índice

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.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
list-style 1.0 4.0 1.0 1.0 7.0

Referencias técnicas

Quizás quieras echar un vistazo a estas otras propiedades de CSS

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso