Co to jest font-style?
font-style to właściwość CSS służąca do określania stylu czcionki, przede wszystkim tego, czy tekst ma być wyświetlany normalnie, kursywą albo jako tekst pochyły.
W pytaniu egzaminacyjnym chodzi o tekst nachylony, więc poprawną właściwością jest właśnie font-style.
Najważniejsze wartości
normal- tekst bez pochylenia,italic- kursywa, czyli odmiana pisma zaprojektowana jako pochylona,oblique- tekst sztucznie pochylony przez przeglądarkę,oblique 10deg- pochylenie pod określonym kątem, jeśli przeglądarka i font to obsługują.
Przykład użycia
p {
font-style: italic;
}
Taki zapis sprawi, że tekst w akapitach <p> zostanie wyświetlony kursywą.
Różnica między italic a oblique
italic używa specjalnie przygotowanej odmiany kroju pisma, jeśli jest dostępna w danej rodzinie fontów. oblique najczęściej oznacza mechaniczne pochylenie zwykłej odmiany pisma.
W praktyce na egzaminie najważniejsze jest skojarzenie:
- tekst pochylony / kursywa →
font-style, - rozmiar tekstu →
font-size, - rodzina czcionki →
font-family, - wcięcie tekstu →
text-indent.
Typowy błąd
Nie należy mylić font-style z font-family. font-family wybiera krój pisma, np. Arial lub Times New Roman, ale nie odpowiada bezpośrednio za pochylenie tekstu.