The font-variant-caps property controls the use of alternate capital-related glyphs — small caps, petite caps, titling caps, etc. The font must support these glyphs (otherwise synthesis via font-synthesis-small-caps may apply).h1 {
font-variant-caps: small-caps;
}.elegant {
font-variant-caps: titling-caps;
}normalNo change — letters appear as normal (default).small-capsSmall caps glyphs replace lowercase letters.all-small-capsSmall caps for both uppercase and lowercase letters.petite-capsPetite caps — smaller variant of small caps (in supporting fonts).all-petite-capsPetite caps for both uppercase and lowercase.unicaseMix of small caps and normal lowercase — decorative unicase typography.titling-capsCapital letters designed for titles (slightly wider).CSS Fonts Module Level 4Editor's DraftW3CMDNCSS css aBcDeF 123Show all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
