CSS Tekstspatiëring

Text indent

text-indent De eigenschap wordt gebruikt om de inspringing van de eerste regel van de tekst te specificeren:

Voorbeeld

p {
  text-indent: 50px;
}

Probeer het zelf

Letter spacing

letter-spacing De eigenschap wordt gebruikt om de afstand tussen tekens in de tekst te specificeren.

Hier volgt een voorbeeld van hoe je de afstand tussen tekens kunt verhogen of verminderen:

Voorbeeld

h1 {
  letter-spacing: 3px;
}
h2 {
  letter-spacing: -3px;
}

Probeer het zelf

Regelhoogte

line-height De eigenschap wordt gebruikt om de afstand tussen regels te specificeren:

Voorbeeld

p.small {
  line-height: 0.8;
}
p.big {
  line-height: 1.8;
}

Probeer het zelf

Woordafstand

word-spacing De eigenschap wordt gebruikt om de afstand tussen woorden in de tekst te specificeren.

Het volgende voorbeeld toont hoe je de afstand tussen woorden kunt vergroten of verkleinen:

Voorbeeld

h1 {
  word-spacing: 10px;
}
h2 {
  word-spacing: -5px;
}

Probeer het zelf

Witruimte

white-space De eigenschap specificeert hoe de interne witruimte van een element wordt afgehandeld.

Dit voorbeeld toont hoe je de tekstwrijving binnen een element kunt uitschakelen:

Voorbeeld

p {
  white-space: nowrap;
}

Probeer het zelf