CSS Skrifttype stil

Skrifttype

font-style Egenskaben bruges primært til at specificere kursiv tekst.

Denne egenskab kan sætte tre værdier:

  • normal - Tekst vises normalt
  • italic - Tekst vises med kursiv skrift
  • oblique - Tekst vises som skæv (skæv er meget ligner til kursiv, men understøtter færre ting)

Eksempel

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

Prøv det selv

Skrifttykkelse

font-weight Egenskaben specificerer skrifttykkelsen på skriften:

Eksempel

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

Prøv det selv

Skrifttypevariant

font-variant Egenskaben specificerer om teksten skal vises med small-caps skrifttype (små store bogstaver).

I small-caps skrifttype vil alle små bogstaver blive konverteret til store bogstaver. Men de konverterede store bogstaver er mindre i skriftstørrelse end de oprindelige store bogstaver i teksten.

Eksempel

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

Prøv det selv