Example

A simple font-variant-caps property example:

Laboratory

description & Usage

In order to use bold letters instead of capital letters, they use the font-variant-caps property.

Informations

# Description
Default Value normal
Inherited yes
Animatable no
Version CSS3
JavaScript syntax object.style.fontVariantCaps="small-caps"

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
font-variant-caps

Syntax

Values

Values Description
normal Assumption
small-caps Displays faint uppercase letters.
all-small-caps Displays all uppercase letters.
petite-caps Displays uppercase letters.
all-petite-caps Displays all lowercase letters.
unicase Displays a combination of upper and lower case letters.
titling-caps Displays uppercase letters.
initial Adds this value to its default property.
inherit It inherits this value from its parent tag.