Właściwość font-variant

Właściwość font-variant pozwala zamienić małe (bezszeryfowe) litery na WIELKIE, ale małego rozmiaru. Taki zapis nazywa się kapitalikami.

Składnia

cssselektor {
  font-variant: small-caps | normal;
}

Wartości

Wartość Opis
small-caps Zamienia małe litery na wielkie litery małego rozmiaru.
normal Anuluje działanie small-caps. Zwykle konieczne w przypadku, gdy trzeba anulować kapitaliki dla określonego fragmentu tekstu (na przykład, wszystkie akapity są zapisane kapitalikami, a ten - nie).

Wartość domyślna: normal.

Przykład . Wartość small-caps

W tym przykładzie litery staną się wielkie, ale przy tym małego rozmiaru:

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  font-variant: small-caps;
}

Результат:

Porównaj poprzedni przykład (kapitaliki), z tekstem napisanym wielkimi literami:

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>

Результат:

Przykład . Wartość normal

A teraz będzie zwykły tekst:

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  font-variant: normal;
}

Результат: