Leer hoe u de regelhoogte van de CSS-stijleigenschap gebruikt om uw regelafstand op uw webpagina's te beïnvloeden.
Waarden van CSS-regelafstand
CSS-regelafstand wordt beïnvloed door de regelhoogte van de CSS-stijl. Deze eigenschap heeft maximaal 5 verschillende waarden:
- normaal: de browser bepaalt een waarde voor de regelafstand die gerelateerd is aan de tekengrootte. Dit is meestal hetzelfde als de tekengrootte of iets groter (zoals 20%).
- Erven: de regelafstand moet worden afgeleid van de regelafstand van het bovenliggende element. Dus als u de regelhoogte van uw body-tag instelt op 30% groter dan de lettergrootte en de alineatags binnen die zijn ingesteld om te erven, hebben ze ook een regelhoogte van 30% groter dan de lettertypegrootte.
- Een getal: Als de hoogte van de regelhoogte geen maateenheid heeft, wordt deze beschouwd als een vermenigvuldigingsfactor voor de tekengrootte voor de regelhoogte. Dus een regelhoogte van 1,25 zou 25% groter zijn dan de lettergrootte.
- Een lengte: Als de regelhoogte-waarde een maateenheid heeft, is dat de exacte hoeveelheid ruimte die er tussen de regels moet zijn. Dus, 1,25 mm zou resulteren in lijnen van 1,25 millimeter uit elkaar.
- Een percentage: Als de lijnhoogte een percentage is, zou dat een percentage van de lettergrootte zijn. Dus een lijnhoogte van 125% zou 25% groter zijn dan de lettergrootte.
Welke waarde moet u gebruiken voor CSS-regelafstand
In de meeste gevallen is de beste keuze voor regelafstand de standaardinstelling of "normaal". Dit is over het algemeen de meest leesbare en vereist niet dat je iets speciaals doet. Maar als u de regelafstand wijzigt, kan uw tekst er anders uitzien.
Als uw lettergrootte wordt gedefinieerd als ems of percentages, moet uw lijnhoogte ook op die manier worden gedefinieerd. Dit is de meest flexibele vorm van regelafstand omdat het de lezer toestaat de grootte van zijn lettertypen aan te passen en dezelfde verhouding op uw regelafstand te behouden.
Stel de regelhoogte in voor afdrukken op stijlbladen met een punt (pt). Het punt is een afdrukmaat, dus je lettergroottes moeten ook in punten voorkomen.
We gebruiken de nummerkeuze niet graag omdat we hebben vastgesteld dat deze het meest verwarrend is voor mensen. Veel mensen denken dat het nummer een absolute maat is en daarom maken ze het enorm. U hebt bijvoorbeeld een lettertype ingesteld op 14 px en vervolgens stelt u de lijnhoogte in op 14, wat resulteert in enorme openingen tussen de regels omdat de regelafstand is ingesteld op 14 tijden de lettergrootte.
Hoeveel ruimte moet u gebruiken voor uw regelafstand
Zoals hierboven vermeld, raden we aan de standaard regelafstand te gebruiken, tenzij u een specifieke reden hebt om deze te wijzigen. Het veranderen van de regelafstand kan verschillende effecten hebben:
- Tekst die heel nauw is, kan moeilijk te lezen zijn. Maar kleine regelafstanden kunnen de stemming in de tekst beïnvloeden. Als de tekst samen wordt gekneed, kan de tekst van de tekst donkerder of dichter lijken.
- Tekst die verder uit elkaar staat, kan ook moeilijk te lezen zijn. Maar brede regelafstanden zorgen ervoor dat de tekst vloeiender en vloeiender lijkt.
- Als u de regelafstand wijzigt, kan tekst die anders niet in een ruimte zou passen, compacter zijn of meer ruimte in uw ontwerpen in beslag nemen.
