Atributo CSS line-height

Definición y uso

La propiedad line-height establece la distancia entre las líneas (altura de línea).

Nota:No se permite el uso de valores negativos.

Descripción

Esta propiedad afecta el diseño de la caja de línea. Cuando se aplica a un elemento de bloque, define la distancia mínima entre las líneas de base en lugar de la distancia máxima.

La diferencia entre el valor calculado de line-height y font-size (en CSS se llama 'espaciado entre líneas') se divide en dos mitades, que se suman a la parte superior y inferior del contenido de una línea de texto. La caja más pequeña que puede contener este contenido es la caja de línea.

El valor numérico original especifica un factor de escala, y los elementos descendientes heredarán este factor de escala en lugar del valor calculado.

Véase también:

Tutorial de CSS:Texto CSS

Manual de referencia de HTML DOM:Atributo lineHeight

Ejemplo

Establecer el espaciado entre líneas en porcentaje:

p.small {line-height:90%}
p.big {line-height:200%}

Prueba por tu cuenta

（Puede ver más ejemplos en la parte inferior de la página）

Sintaxis de CSS

line-height: normal|number|length|initial|inherit;

Valor de la propiedad

Valor Descripción
normal Predeterminado. Establecer un espaciado entre líneas razonable.
number Establecer un número, que se multiplicará por el tamaño actual de la fuente para establecer el espaciado entre líneas.
length Establecer un espaciado entre líneas fijo.
% Porcentaje de espaciado entre líneas basado en el tamaño actual de la fuente.
inherit Se especifica que debe heredarse el valor de la propiedad line-height del elemento padre.

Detalles técnicos

Valor predeterminado: normal
Herencia: sí
Versión: CSS1
Sintaxis de JavaScript: object.style.lineHeight="2"

Ejemplo TIY

Uso de un porcentaje para establecer el espaciado entre líneas
Este ejemplo muestra cómo usar un porcentaje para establecer el espaciado entre líneas en un párrafo.
Uso de un valor en píxeles para establecer el espaciado entre líneas
Este ejemplo muestra cómo usar un valor en píxeles para establecer el espaciado entre líneas en un párrafo.
Uso de un número para establecer el espaciado entre líneas
Este ejemplo muestra cómo usar un número para establecer el espaciado entre líneas en un párrafo.

Compatibilidad del navegador

Los números en la tabla indican la primera versión de navegador que completamente admite esta propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0