CSS font-variant-caps

Previous Next

Demo of the different values of the font-variant-caps property.

Click the property values below to see the result:

font-variant-caps: normal;
font-variant-caps: small-caps;
font-variant-caps: all-small-caps;
font-variant-caps: petite-caps;
font-variant-caps: all-petite-caps;
font-variant-caps: unicase;
font-variant-caps: titling-caps;

Check out the different font-variant-caps values!

this paragraph is written with all lower case letters.

THIS PARAGRAPH IS WRITTEN IN ALL UPPER CASE LETTERS.

Check out the different font-variant-caps values!

this paragraph is written with all lower case letters.

THIS PARAGRAPH IS WRITTEN IN ALL UPPER CASE LETTERS.

Check out the different font-variant-caps values!

this paragraph is written with all lower case letters.

THIS PARAGRAPH IS WRITTEN IN ALL UPPER CASE LETTERS.

Check out the different font-variant-caps values!

this paragraph is written with all lower case letters.

THIS PARAGRAPH IS WRITTEN IN ALL UPPER CASE LETTERS.

Check out the different font-variant-caps values!

this paragraph is written with all lower case letters.

THIS PARAGRAPH IS WRITTEN IN ALL UPPER CASE LETTERS.

Check out the different font-variant-caps values!

this paragraph is written with all lower case letters.

THIS PARAGRAPH IS WRITTEN IN ALL UPPER CASE LETTERS.

Check out the different font-variant-caps values!

this paragraph is written with all lower case letters.

THIS PARAGRAPH IS WRITTEN IN ALL UPPER CASE LETTERS.

Play more with the code in our Tryit yourself editor: Try it Yourself ❯