Lær hvordan du bruger linjens højde for CSS-stilegenskaberne for at påvirke din linieafstand på dine websider.
Værdier af CSS Line Spacing
CSS-linieafstand påvirkes af CSS-stilegenskabens højde. Denne ejendom tager op til 5 forskellige værdier:
- Normal: browseren bestemmer en værdi for linjens mellemrum, der er relateret til skriftstørrelsen. Dette er normalt det samme som skriftstørrelsen eller lidt større (som 20%).
- Arve: linieafstanden skal tages fra moderelementets linieafstand. Så hvis du angiver linjens højde på 30% større end skriftstørrelsen og stykkoderne indeni, der er angivet til at arve, vil de også have en liniehøjde på 30% større end skriftstørrelsen.
- Et nummer: Hvis linjens højdeværdi ikke har en måleenhed, anses det for at være en multiplikator på skriftstørrelsen for linjens højde. Så en linjehøjde på 1,25 ville være 25% større end skriftstørrelsen.
- En længde: Hvis linjens højdeværdi har en måleenhed, det er den nøjagtige mængde plads, der skal være mellem linjerne. Så ville 1,25 mm resultere i linjer 1,25 millimeter fra hinanden.
- En procentdel: Hvis linjens højde er en procentdel, ville det være en procentdel af skriftstørrelsen. Så en linjehøjde på 125% ville være 25% større end skriftstørrelsen.
Hvilken værdi skal du bruge til CSS line spacing
I de fleste tilfælde er det bedste valg for linjeafstand at overlade det til standard eller "normal". Dette er generelt den mest læsbare og kræver ikke, at du gør noget særligt. Men ændring af linieafstanden kan give din tekst en anden følelse for det.
Hvis din skriftstørrelse er defineret som ems eller procentsatser, skal din linjestørrelse også defineres på den måde. Dette er den mest fleksible form for linjeafstand, fordi den giver læseren mulighed for at ændre størrelse på deres skrifttyper og holder det samme forhold på din linieafstand.
Indstil liniehøjde for udskriftsformatark med en punkt (pt) -værdi. Pointen er en udskrivningsforanstaltning, og så skal dine skrifttypestørrelser ligeledes være i punkter.
Vi kan ikke lide at bruge nummervalg fordi vi har fundet ud af, at det er mest forvirrende for folk. Mange mennesker tror, at tallet er en absolut størrelse, og så gør de det enorme. Du kan f.eks. Have en skrifttype til 14px, og derefter sætter du din liniehøjde til 14, hvilket resulterer i store huller mellem linjerne, fordi linieafstanden er indstillet til 14 gange skrifttypestørrelsen.
Hvor meget plads skal du bruge til din linjeafstand
Som nævnt ovenfor anbefaler vi at bruge standardlinieafstanden, medmindre du har en specifik grund til at ændre den. Ændring af linjeafstanden kan have forskellige effekter:
- Tekst, der er meget tæt sammen, kan være svært at læse. Men små linjer kan påvirke stemningen i teksten. Hvis teksten er scrunched sammen, kan det gøre fornemmelsen af teksten mørkere eller tættere.
- Tekst, der er længere fra hinanden, kan også være svært at læse. Men brede linjer rummer teksten synes mere flydende og flydende.
- Ændring af linjeafstanden kan gøre tekst, som ellers ikke passer ind i et rum, være mere kompakt eller tage mere plads i dine designs.
