Aprenda a usar la altura de línea de la propiedad de estilo CSS para afectar el espacio entre líneas en sus páginas web.
Valores del espaciado entre líneas CSS
El espaciado de línea CSS se ve afectado por la propiedad de estilo CSS line-height. Esta propiedad toma hasta 5 valores diferentes:
- Normal: el navegador determina un valor para el interlineado que está relacionado con el tamaño de fuente. Esto suele ser el mismo que el tamaño de la fuente o un poco más grande (como 20%).
- Heredar: el interlineado debe tomarse del interlineado del elemento padre. Entonces, si establece la altura de línea de su etiqueta de cuerpo en un 30% más grande que el tamaño de fuente y las etiquetas de párrafo que están configuradas para heredar, también tendrán una altura de línea de 30% mayor que el tamaño de fuente.
- Un número: Si el valor de altura de línea no tiene una unidad de medida, se considera que es un multiplicador en el tamaño de fuente para la altura de línea. Por lo tanto, una altura de línea de 1,25 sería un 25% más grande que el tamaño de fuente.
- Una longitud: Si el valor de altura de línea tiene una unidad de medida, esa es la cantidad exacta de espacio que debe haber entre las líneas. Entonces, 1.25mm daría como resultado líneas de 1.25 milímetros de distancia.
- Un porcentaje: Si la altura de línea es un porcentaje, ese sería un porcentaje del tamaño de fuente. Por lo tanto, una altura de línea del 125% sería un 25% más grande que el tamaño de la fuente.
Qué valor debe utilizar para el espaciado de línea CSS
En la mayoría de los casos, la mejor opción para el interlineado es dejarlo en el valor predeterminado o "normal". Este es generalmente el más legible y no requiere que hagas nada especial. Pero cambiar el interlineado puede darle a tu texto una sensación diferente.
Si su tamaño de fuente se define como ems o porcentajes, su altura de línea también debe definirse de esa manera. Esta es la forma más flexible de interlineado porque le permite al lector cambiar el tamaño de sus fuentes y mantiene la misma proporción en su espaciado de línea.
Establezca la altura de línea para las hojas de estilo de impresión con un valor de punto (pt). El punto es una medida de impresión, por lo que sus tamaños de fuente también deben estar en puntos.
No nos gusta usar la elección de números porque hemos encontrado que es más confuso para las personas. Muchas personas piensan que el número es un tamaño absoluto, y por eso lo hacen enorme. Por ejemplo, es posible que tenga una fuente establecida en 14px y luego establezca su altura de línea en 14, lo que da lugar a grandes espacios entre las líneas porque el espacio entre líneas se establece en 14 veces el tamaño de letra
Cuánto espacio debe usar para su interlineado
Como se mencionó anteriormente, recomendamos usar el interlineado predeterminado a menos que tenga una razón específica para cambiarlo. Cambiar el interlineado puede tener diferentes efectos:
- El texto que está muy apretado puede ser difícil de leer. Pero los espacios de líneas pequeñas pueden afectar el estado de ánimo del texto. Si el texto se arruga junto, puede hacer que el sentido del texto parezca más oscuro o más denso.
- El texto que está más alejado también puede ser difícil de leer. Pero los espacios de líneas amplias hacen que el texto parezca más fluido y fluido.
- Cambiar el espacio entre líneas puede hacer que el texto que de otra forma no cabría en un espacio sea más compacto o ocupe más espacio en sus diseños.
