CSS Lettertypestijl

Lettertype-stijl

font-style De eigenschap wordt voornamelijk gebruikt om cursief tekst te specificeren.

Deze eigenschap kan drie waarden instellen:

  • normaal - Tekst wordt normaal weergegeven
  • cursief - Tekst wordt weergegeven in cursief
  • oblique - Tekst wordt 'geleed' (geleed lijkt sterk op cursief, maar ondersteunt minder)

Voorbeeld

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

Probeer het zelf

Lettertype dikte

font-weight De eigenschap specificeert de dikte van het lettertype:

Voorbeeld

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

Probeer het zelf

Lettertype Variatie

font-variant De eigenschap specificeert of de tekst wordt weergegeven in small-caps lettertype (kleine hoofdletters).

In de small-caps lettertype, worden alle kleine letters omgezet naar hoofdletters. Maar de lettergrootte van de omgezwarte hoofdletters is kleiner dan de lettergrootte van de oorspronkelijke hoofdletters in de tekst.

Voorbeeld

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

Probeer het zelf