CSS -tekstafstand
Tekst inspringen
De text-indenteigenschap wordt gebruikt om de inspringing van de eerste regel van een tekst te specificeren:
Voorbeeld
p {
text-indent: 50px;
}
Letterafstand
De letter-spacingeigenschap wordt gebruikt om de ruimte tussen de tekens in een tekst op te geven.
Het volgende voorbeeld laat zien hoe u de ruimte tussen tekens kunt vergroten of verkleinen:
Voorbeeld
h1 {
letter-spacing: 5px;
}
h2 {
letter-spacing: -2px;
}
Lijnhoogte
De line-heighteigenschap wordt gebruikt om de ruimte tussen regels op te geven:
Voorbeeld
p.small {
line-height: 0.8;
}
p.big {
line-height: 1.8;
}
Woordafstand
De word-spacingeigenschap wordt gebruikt om de ruimte tussen de woorden in een tekst aan te geven.
Het volgende voorbeeld laat zien hoe u de ruimte tussen woorden vergroot of verkleint:
Voorbeeld
p.one {
word-spacing: 10px;
}
p.two {
word-spacing: -2px;
}
Witte ruimte
De white-spaceeigenschap specificeert hoe witruimte binnen een element wordt verwerkt.
Dit voorbeeld laat zien hoe u tekstterugloop in een element uitschakelt:
Voorbeeld
p {
white-space: nowrap;
}