Atrybut font-variant-caps w CSS

Definicja i użycie

Atrybut font-variant-caps kontroluje użycie alternatywnych postaci liter wielkich.

Inne źródła:

Kurs CSS:Czcionki CSS

Przeglądarka CSS:Atrybut font

Przeglądarka DOM HTML:Atrybut fontVariant

Przykład

Ustawienie akapitu na małe litery:

p.normal {font-variant-caps: normal;}
p.small {font-variant-caps: small-caps;}
p.allsmall {font-variant-caps: all-small-caps;}
p.petite {font-variant-caps: petite-caps;}
p.allpetite {font-variant-caps: all-petite-caps;}
p.unicase {font-variant-caps: unicase;}
p.titling {font-variant-caps: titling-caps;}

Spróbuj sam

Gramatyka CSS

font-variant-caps: normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps|initial|inherit|unset;

Wartość atrybutu

Wartość Opis
normal Wyłącza użycie alternatywnych czcionek.
small-caps Pokazuje małe wielkie litery.
all-small-caps Pokazuje zarówno duże, jak i małe litery jako małe wielkie litery.
petite-caps Pokazuje bardzo małe wielkie litery.
all-petite-caps Pokazuje zarówno duże, jak i małe litery jako bardzo małe wielkie litery.
unicase Pozwala na mieszanie dużych i małych liter w małych wielkich literach.
titling-caps Pokazuj pierwsze litery z dużej litery
initial Ustawienie tej właściwości na jej wartość domyślną. Zobacz: initial.
inherit Inherencja tej właściwości od elementu nadrzędnego. Zobacz: inherit.
unset

Komentarz:Małe wielkie litery to litery pisane dużymi literami, ale o wymiarach takich jak małe litery.

Szczegóły techniczne

Domyślna wartość: normal
Inherencja: Tak
Tworzenie animacji: Nieobsługiwane. Zobacz:Atrybuty związane z animacją.
Wersja: CSS3
Gramatyka JavaScript: object.style.fontVariantCaps="small-caps"

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
52.0 79.0 34.0 Nieobsługiwane 39.0