Rozdział 2.
Wyświetlanie tekstu kursywą
Bardzo często mylone są dwa rodzaje stylizowanego tekstu - kursywa oraz obliąue (bezszeryfowa czcionka pochylona w prawo). Kursywa jest specjalną wersją konkretnej czcionki, zaprojektowaną tak, aby posiadała bardziej wyraźne szeryfy i zazwyczaj pochyloną nieco w prawo. Obliąue jest po prostu czcionką pochylaną przez komputer w prawą stronę. Przy użyciu właściwości font-style możesz zdefiniować czcionkę jako kursywę, obliąue lub czcionkę normalną. Jeśli czcionka została zdefiniowana jako kursywa, a nie posiada żadnej jawnej wersji będącej kursywą, to domyślnie zostanie wykorzystana czcionka obliąue. Na rysunku 2.5 przedstawiony został tekst wyświetlony za pomocą kursywy oraz czcionki obliąue.
1. <P STYLE="
Rozpocznij regułę od wskazania selektora, dla którego chcesz podać właściwość font-style. W tym przypadku stworzymy regułę wewnątrz pojedynczego znacznika HTML-ou'ego (patrz listing 2.3).
2. font-style:
Podaj nazwę właściwości font-style i dwukropek.
3. italic
Podaj wartość właściwości font-style; możesz użyć następujących wartości:
• italic, która spowoduje, że tekst zostanie wyświetlony kursywą odpowiedniego kroju czcionki;
• obliąue, która spowoduje przechylenie tekstu w prawo;
• normal, która spowoduje zastąpienie wszelkich innych zbiorów ustawień określających style.
Listing 2.3. Akapit został ustawiony w taki sposób, aby umieszczony w nim tekst byt wyświetlany kursywą. Dodatkowo została stworzona klasa o nazM>ie .. mowa ", która powoduje wyświetlenie tekstu normalną czcionką
<html>
<head>
<meta ht l.p-equiv •-"Gontem. Type"
-♦content charset«IŚ0-8859-2M>
<style type="text/css">
.cytat { font-style: p.ormal; }
</style>
</head>
<body>
<p siyle="font-style: italic;M>
<span class**"cytat">3ói</span>
Żona porucznika ze zwycięską miną rzuciła się na to słowo
<span class="cytat">3ól jest objawem porzytecznym. Ból ostrzega nas o niebezpieczeństwie.</span></p>
</boay>
</html>
Rysunek 2.5. Kursywa czy obliąue?
54