de | en

CSS font variant & text transform

CSS Font-Variant and Text-Transform

Description of Font-Variant

The CSS font-variant property is used to make text of the selected element appear as all-capitals. There still is a difference in size for the first capital letter and the following letters of the same word.

Example Font-Variant

p {
   font-variant: small-caps;
}

Description of Text-Transform

The CSS text-transform property is used to change the text of the selected element to either all uppercase, all lowercase or to make each word start with a capital letter. Possible values are uppercase, lowercase and capitalize.

Example Text-Transform

p.uppercase {
   text-transform: uppercase;
}
p.lowercase {
   text-transform: lowercase;
}
p.capitalize {
   text-transform: capitalize;
}

More CSS Properties