Inhoud
- De CSS-regelhoogte-eigenschap gebruiken om CSS-regelafstand te krijgen
- Waarden van CSS-regelafstand
- Welke waarde moet u gebruiken voor CSS-regelafstand
- Hoeveel ruimte moet u gebruiken voor uw regelafstand
De CSS-regelhoogte-eigenschap gebruiken om CSS-regelafstand te krijgen
Leer hoe u de CSS-stijl eigenschap regelhoogte gebruikt om uw regelafstand op uw webpagina's te beïnvloeden.
Waarden van CSS-regelafstand
De CSS-regelafstand wordt beïnvloed door de CSS-eigenschap regelhoogte. Deze eigenschap heeft maximaal 5 verschillende waarden:
- Normaal: de browser bepaalt een waarde voor de regelafstand die gerelateerd is aan de lettergrootte. Dit is meestal hetzelfde als de lettergrootte 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 alinatags die zijn overgenomen om over te nemen, hebben ze ook een regelhoogte van 30% groter dan de lettergrootte.
- Een getal: Als de waarde voor de lijnhoogte geen maateenheid heeft, wordt deze beschouwd als een vermenigvuldiger op de tekengrootte voor de lijnhoogte. Dus een regelhoogte van 1,25 zou 25% groter zijn dan de lettergrootte.
- A Lengte: Als de waarde van de lijnhoogte een maateenheid heeft, is dat de exacte hoeveelheid ruimte tussen de lijnen. Dus 1,25 mm zou resulteren in lijnen met een onderlinge afstand van 1,25 millimeter.
- Een percentage: Als de regelhoogte een percentage is, is dat een percentage van de lettergrootte. Dus een regelhoogte 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 het standaard of "normaal" te laten. Dit is over het algemeen het meest leesbaar en vereist niet dat je iets speciaals doet. Maar het wijzigen van de regelafstand kan uw tekst een ander gevoel geven.
Als uw lettergrootte is 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 in staat stelt de grootte van hun lettertypen te wijzigen en dezelfde verhouding op uw regelafstand te behouden.
Regelhoogte instellen voor afdrukstijlbladen met een puntwaarde (pt). Het punt is een afdrukmaat en daarom moeten uw lettergroottes ook in punten staan.
We gebruiken de nummerkeuze niet graag omdat we hebben vastgesteld dat dit voor mensen het meest verwarrend is. Veel mensen denken dat het aantal een absoluut formaat is en daarom maken ze het enorm. Je hebt bijvoorbeeld een lettertype dat is ingesteld op 14px en vervolgens stel je je regelhoogte in op 14, wat resulteert in enorme openingen tussen de regels omdat de regelafstand is ingesteld op 14 keer 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 heeft om deze te wijzigen. Het wijzigen van de regelafstand kan verschillende effecten hebben:
- Tekst die heel dicht bij elkaar zit, kan moeilijk te lezen zijn. Maar kleine regelafstanden kunnen de sfeer van de tekst beïnvloeden. Als de tekst samen wordt gekrast, kan de betekenis van de tekst donkerder of dichter lijken.
- Tekst die verder uit elkaar ligt, kan ook moeilijk te lezen zijn. Maar door brede regelafstanden lijkt de tekst vloeiender en vloeiender.
- Door de regelafstand te wijzigen, kan tekst die anders niet in een ruimte zou passen, compacter worden of meer ruimte in beslag nemen in uw ontwerpen.
