CSS font-variant
Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
CSS font-variant
Właściwość font-variant w CSS służy między innymi do ustawiania wariantu pisma. W zadaniach egzaminacyjnych INF.03 najczęściej pojawia się wartość small-caps, czyli kapitaliki.
Kapitaliki, czyli small-caps
Zapis:
h1 {
font-variant: small-caps;
}
powoduje, że małe litery są wyświetlane jako małe wersje wielkich liter. Nie jest to dokładnie to samo co zamiana tekstu na wielkie litery.
Przykład:
<h1>Język HTML wprowadzenie i najważniejsze cechy.</h1>
h1 {
font-variant: small-caps;
}
Efekt: litery wyglądają jak zapisane kapitalikami. Wielkie litery pozostają większe, a małe litery przyjmują formę pomniejszonych wielkich liter.
Różnica względem text-transform: uppercase
text-transform: uppercase;
zamienia tekst wizualnie na same wielkie litery.
font-variant: small-caps;
stosuje kapitaliki, czyli specjalny wariant kroju pisma.
Typowe użycie w egzaminie
Jeżeli w stylu CSS występuje:
h1 {
font-style: oblique;
font-variant: small-caps;
text-align: right;
}
należy szukać nagłówka, który jest:
- pochylony,
- zapisany kapitalikami,
- wyrównany do prawej strony.