Utilitzeu la propietat CSS Line-Height per obtenir espais de línia CSS
Obteniu informació sobre com utilitzar l'alçada de la línia de propietats d'estil CSS per afectar el vostre espaiat de línia a les vostres pàgines web.
Valors de l'espaiat de línia CSS
L'espaiat de línia CSS es veu afectat per l'alçada de línia de propietats d'estil CSS. Aquesta propietat té fins a 5 valors diferents:
- normal: el navegador determina un valor per a l'espaiat de línia que està relacionat amb la mida de la font. Això sol ser el mateix que la mida de la font o lleugerament més gran (com el 20%).
- heretar: s'ha de prendre l'espaiat entre línies de l'espaiat de línia de l'element primari. D'aquesta manera, si estableix l'alçada de la línia de l'etiqueta del cos al 30% més gran que la mida de la font i les etiquetes de paràgraf dins de la que s'estableixen per heretar, també tindran una alçada de línia del 30% més gran que la mida del tipus de lletra.
- un número: si el valor de la alçada de la línia no té una unitat de mesura, es considera un multiplicador en la mida de la font per a l'alçada de la línia. Així, una alçada de línia d'1,25 seria un 25% més gran que la mida de la font.
- una longitud: si el valor de la línia-alçada té una unitat de mesura, aquesta és la quantitat exacta d'espai que ha d'existir entre les línies. D'aquesta manera, 1,25 mm resultarien en línies de 1,25 mm de separació.
- un percentatge: si l'alçada de la línia és un percentatge, aquest seria un percentatge de la mida de la font. Així, una alçada de línia del 125% seria un 25% més gran que la mida de la font.
Quin valor heu d'utilitzar per a l'espaiat de línia CSS
En la majoria dels casos, la millor opció per a l'espaiat de línia és deixar-lo per defecte - o "normal". En general, això és el més llegible i no requereix que facis res especial. Però canviar l'espaiat de les línies pot donar-li al vostre text una sensació diferent.
Si la mida de la font es defineix com ems o percentatges, la vostra alçada de línia també s'hauria de definir d'aquesta manera. Aquesta és la forma més flexible d'espaiat de línies, ja que permet al lector canviar la mida de les fonts i manté la mateixa proporció en l'espaiat de línia.
Estableix l'alçada de la línia per als fulls d'estil d'impressió amb un valor de punt (pt). El punt és una mesura d'impressió, de manera que les mides de fonts també han d'estar en punts.
No m'agrada fer servir l'opció de número perquè he trobat que és més confús per a les persones. Molta gent pensa que el nombre és de grandària absoluta, i així ho fan enormes. Per exemple, és possible que tingui un conjunt de fonts a 14 píxels i que configureu l'alçada de la línia a 14 - el que produeix grans llacunes entre les línies, ja que l'espaiat de línia està establert a 14 vegades la mida de la font.
Quant espai usareu per al vostre espaiat de línia
Com he esmentat anteriorment, us recomano utilitzar l'espaiat de línia predeterminat tret que tingueu un motiu específic per canviar-lo. Si canvieu l'espaiat de línies pot tenir efectes diferents:
- El text molt apretat pot ser difícil de llegir. Però els espais de línia petita poden afectar l'estat d'ànim del text. Si el text està marcat junts, pot fer que el sentit del text sembli més fosc o més tense.
- El text més allunyat també pot ser difícil de llegir. Però els espais amplis fan que el text sembli més fluid i fluid.
- Si canvieu l'espaiat de les línies, podeu fer que el text que, d'una altra manera, no encaixi en un espai sigui més compacte o tingui més espai en els vostres dissenys.