font-style to właściwość CSS służąca do ustawiania stylu kroju pisma, przede wszystkim do uzyskania efektu kursywy.
Najczęściej stosowana wartość to italic:
p {
font-style: italic;
}
Taki zapis sprawi, że tekst w akapitach <p> zostanie wyświetlony kursywą.
Najważniejsze wartości
normal– zwykły, prosty tekst, bez kursywy,italic– tekst zapisany kursywą,oblique– tekst pochylony, podobny wizualnie do kursywy.
Przykład:
.normalny {
font-style: normal;
}
.kursywa {
font-style: italic;
}
.pochylony {
font-style: oblique;
}
Różnica względem innych właściwości font
font-style nie zmienia rozmiaru ani rodziny czcionki. Do tego służą inne właściwości:
font-size– ustawia rozmiar tekstu,font-family– określa krój lub rodzinę czcionek,font-variant– może służyć np. do ustawienia kapitalików.
Dlatego w pytaniu egzaminacyjnym poprawną odpowiedzią jest:
font-style: italic;
CSS a HTML
Efekt kursywy można też uzyskać znacznikiem HTML <i> lub semantycznym <em>, ale w stylowaniu wyglądu strony zaleca się używanie CSS. Dzięki temu treść HTML pozostaje oddzielona od warstwy prezentacji.