Como axustar o espaciamento das liñas en CSS?

O texto ata a data aínda é o principal tipo de información transmitida sobre os vastos espazos da World Wide Web. Por iso, presta atención especial á xestión da súa aparencia. Unha característica importante do texto é o espazamento das liñas, que determina a distancia entre as liñas. Se nunca coñeceu esta regra, probabelmente nunca traballou con CSS. Despois de todo, é este idioma de estilo que proporciona os comandos dispoñibles para cambiar todas as características externas importantes do texto. Esta regra é compatible con todos os navegadores modernos e está incluído no estándar de todas as versións de follas de estilo en cascada (CSS: Cascading Style Sheets).

Regra

En CSS, o espazamento entre liñas está configurado usando un comando simple de altura de liña. A gravación realízase de xeito habitual. Pode asignar calquera número non negativo como un valor. Se se especifica "line-height: -4px;", o comando será ignorado. Pode especificar un valor de "normal" ou "herdar". O primeiro usará a configuración de intervalo automático, que se determina segundo o tipo e tamaño da fonte seleccionada. Neste caso, a distancia entre as liñas é definida polo propio navegador. O espazamento das liñas pode tomar o valor herdado das etiquetas "pai" usando o valor "herdar".

Significado

Todos os valores, distintos dos comandos estándar, poden dividirse en dúas categorías: relativa e absoluta. Espazamento entre liñas O CSS permítelle gestionar de maneira flexible a distancia entre liñas, utilizando métodos de personalización diferentes e máis convenientes. Os valores absolutos inclúen todas as unidades de lonxitude coñecidas que se usan en CSS. Esta lista inclúe: en (polgadas), pt (puntos), px (píxeles) e outros. O intervalo calcúlase a partir da liña base da fonte. Se anota a regra: "line-height: 10px;", o espazamento entre liñas sempre será de 10 píxeles. Este método é ideal cando precisa especificar o intervalo exacto para unha fonte particular. Pero non hai que esquecer que todos teñen unha expansión de pantalla diferente. E se ten esa distancia parece grande, iso non significa que todos terán o mesmo efecto. Por exemplo, en dispositivos móbiles un gran espazo entre liñas pode causar grandes inconvenientes.

Valores relativos

Para resolver o problema coa expansión da pantalla diferente, pode usar valores relativos. A expresión porcentaxe úsase máis frecuentemente. O valor neste caso está definido en relación ao alto da fonte. Por exemplo, especificando "line-height: 150%;", obtemos un intervalo que é a metade da letra do medio. Para o 100% suponse a altura da fonte empregada. Os desenvolvedores máis experimentados recomendan usar valores relativos. Entón afórrasche e os teus usuarios dos problemas asociados con varias extensións de pantalla.

Conclusión

Se usa un conxunto de fontes non estándar e está interesado nun espazo de liña estrictamente definido, escolla valores absolutos. Nos demais casos é conveniente establecer a propiedade porcentaxe. Cando precise facer un intervalo individual para unha sección particular do documento, use etiquetas id ou selectores. Así, non precisa configurar o espazo de liña para todo o documento.