CSS font-variant-caps egenskap

Definition och användning

font-variant-caps egenskap styr användningen av alternativ stora bokstäver.

Se också:

CSS教程:CSS typsnitt

CSS Referenshandbok:font egenskap

HTML DOM Referenshandbok:fontVariant egenskap

Exempel

Sätt stycket till små bokstäver:

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;}

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
normal Inaktivera användning av reservtecken.
small-caps Visa små stora bokstäver.
all-small-caps Visa både stora och små bokstäver som små stora bokstäver.
petite-caps Visa mycket små stora bokstäver.
all-petite-caps Visa både stora och små bokstäver som mycket små stora bokstäver.
unicase Tillåt att stora bokstäver konverteras till en blandning av små och stora bokstäver.
titling-caps Visa första bokstaven i stor bokstav.
initial Sätt detta egenskap till dess standardvärde. Se: initial.
inherit Inheritera detta egenskap från föräldrelementet. Se: inherit.
unset

Kommentar:Mindre stora bokstäver innebär att bokstäverna visas i stora bokstäver, men med samma storlek som små bokstäver.

Tekniska detaljer

Standardvärde: normal
Ärvning: ja
Animeringsproduktion: inte stödd. Se:Animeringsrelaterade egenskaper.
Version: CSS3
JavaScript-syntax: object.style.fontVariantCaps="small-caps"

Webbläsarstöd

Tal i tabellen anger den första webbläsarens version som fullständigt stöder detta egenskap.

Chrome IE / Edge Firefox Safari Opera
52.0 79.0 34.0 inte stödd 39.0