Styl czcionki CSS

Styl czcionki

font-style Właściwość jest używana głównie do określania tekstu w kursywie.

Ta właściwość może ustawiać trzy wartości:

  • normal - Tekst jest wyświetlany normalnie
  • italic - Tekst jest wyświetlany w kursywie
  • oblique - Tekst jest 'pochyły' (pochyły jest bardzo podobny do kursywy, ale obsługuje mniej)

Przykład

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

Spróbuj sam

Grubość czcionki

font-weight Atrybut określa grubość czcionki:

Przykład

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

Spróbuj sam

Wariant czcionki

font-variant Atrybut określa, czy tekst jest wyświetlany w małych czcionkach (małych dużych literach).

W małych czcionkach, wszystkie małe litery zostaną przekształcone na duże litery. Jednak, rozmiar czcionki dużych liter po przekształceniu jest mniejszy niż rozmiar oryginalnych dużych liter w tekście.

Przykład

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

Spróbuj sam