Lær hvordan du bruker linjens høyde for CSS-stilegenskapen for å påvirke linjeavstanden på websidene dine.
Verdier av CSS Line Spacing
CSS linjeavstand påvirkes av CSS stilegenskapens høyde. Denne egenskapen tar opptil 5 forskjellige verdier:
- Normal: nettleseren bestemmer en verdi for linjeavstanden som er relatert til skriftstørrelsen. Dette er vanligvis det samme som skriftstørrelsen eller litt større (som 20%).
- Arve: linjeavstanden skal tas fra parentelelementets linjeavstand. Så hvis du angir linjehøyden på kroppslegemet ditt til 30% større enn skriftstørrelsen og avsnittetikettene som er satt til arve, vil de også ha en linjehøyde på 30% større enn skriftstørrelsen.
- Et tall: Hvis linjehøydeverdien ikke har en måleenhet, anses den for å være en multiplikator på skriftstørrelsen for linjens høyde. Så en linjehøyde på 1,25 vil være 25% større enn skriftstørrelsen.
- En lengde: Hvis linjehøydeverdien har en måleenhet, er det nøyaktig hvor mye plass det skal være mellom linjene. Så ville 1,25 mm resultere i linjer 1,25 millimeter fra hverandre.
- En prosentandel: Hvis linjens høyde er en prosentandel, ville det være en prosentandel av skriftstørrelsen. Så en linjehøyde på 125% vil være 25% større enn skriftstørrelsen.
Hvilken verdi bør du bruke til CSS-linjeavstand
I de fleste tilfeller er det beste valget for linjeavstand å forlate det på standard eller "normal". Dette er vanligvis den mest lesbare og krever ikke at du gjør noe spesielt. Men å endre linjeavstanden kan gi teksten din en annen følelse.
Hvis skriftstørrelsen din er definert som ems eller prosenter, bør linjens høyde også defineres på den måten. Dette er den mest fleksible form for linjeavstand fordi det gjør det mulig for leseren å endre størrelsen på skrifttyper og beholde det samme forholdet på linjeavstanden.
Angi linjehøyde for utskriftsformatark med en punkt (pt) -verdi. Poenget er et utskriftsmål, og så skal skriftstørrelsene dine også være i poeng.
Vi liker ikke å bruke nummervalget fordi vi har funnet ut at det er mest forvirrende for folk. Mange tror at tallet er en absolutt størrelse, og så gjør de det store. Du kan for eksempel ha et skriftsett på 14px, og deretter angir du linjehøyde til 14 som resulterer i store hull mellom linjene fordi linjene er satt til 14 ganger skriftstørrelsen.
Hvor mye plass bør du bruke for din linjeavstand
Som nevnt ovenfor anbefaler vi at du bruker standard linjeavstand, med mindre du har en bestemt grunn til å endre den. Endring av linjeavstanden kan ha forskjellige effekter:
- Tekst som er veldig tett sammen, kan være vanskelig å lese. Men små linjer kan påvirke stemningen i teksten. Hvis teksten er scrunched sammen, kan det få følelsen av at teksten synes mørkere eller tettere.
- Tekst som er lenger fra hverandre kan også være vanskelig å lese. Men brede linjerom gjør teksten til å virke mer flytende og flytende.
- Hvis du endrer linjeavstanden, kan tekst som ellers ikke passer inn i et mellomrom være mer kompakt eller ta mer plass i designene dine.
