Własność CSS font-style

Własność CSS font-style pozwala wybrać kursywę, odmianę pochyloną lub odmianę prostą kroju pisma.

Kursywa to specjalna ozdobna odmiana pisma, której znaki mogą w niektórych przypadkach dość znacznie różnić się od znaków odmiany prostej. Natomiast odmiana pochyła to najczęściej tylko pochylona wersja odmiany prostej.

Jeśli wybrana odmiana jest niedostępna, przeglądarka imituje ją poprzez pochylenie znaków odmiany prostej. Często nie daje to zadowalającego efektu wizualnego, dlatego zawsze lepiej jest wybierać fonty posiadające daną odmianę zamiast polegać na algorytmach sztucznej syntezy (za pomocą własności font-synthesis-style można wyłączyć tę możliwość).

Wartości i składnia

Własność font-style przyjmuje następujące wartości:

normal

Odmiana prosta kroju pisma.

italic

Kursywa.

oblique + opcjonalnie kąt od -90 do 90 stopni

Odmiana pochylona. Po słowie kluczowym oblique można wpisać wartość kątową określającą kąt nachylenia znaków (jeśli nie zostanie ona podana, to przeglądarka zastosuje wartość domyślną 14deg). Wartości dodatnie kąta oznaczają pochylenie w prawo, a wartości ujemne – pochylenie w lewo.

Jeśli font nie zawiera odmiany o określonym stopniu pochylenia, to przeglądarka wybiera odmianę o najbliższym kącie pochylenia do wybranego. Jeśli font w ogóle nie zawiera odmiany pochylonej, to przeglądarka sztucznie pochyla odmianę prostą pod określonym kątem.

Przykłady

Poniższa reguła ustawia kursywę dla wszystkich akapitów:

p {
  font-family: "Times New Roman";
  font-style: italic;
}

Efekt^*:

Z kolei poniższa reguła ustawia dla akapitów pismo pochylone pod kątem -20 stopni:

p {
  font-family: "Lucida Console";
  font-style: oblique -20deg;
}

Efekt:

Zastosowanie

Własność CSS font-style ma zastosowanie do wszystkich elementów HTML.

Podsumowanie

* Źródło przypisu: Jan Himilsbach, Kombatanci