The text-transform property controls
whether or not your text is capitalized, and if so, how it's capitalized.
Some people confuse this with the text-capitalize
property (and then they wonder why their code doesn't work). Well, it
doesn't work because there is no text-capitalize
property in CSS. To capitalize text in CSS you have to use the
text-transform property. The text-transform
property can be one of the following 5 values:
capitalize
uppercase
lowercase
none
inherit
If you specify it's value as capitalize,
it will make the first letter of every word uppercase. If you specify
it's value as uppercase it will make all of the
words in your text uppercase. If you specify it's value as
lowercase, it will do the opposite and make all
of the words in your text lowercase. A value of none
means there are no capitalization effects. A value of inherit
means it will inherit it's parent's text-transform value.
Tip:
This property is optional. If you would like to include it in your
generated CSS code simply check the checkbox by it's name (to enable it)
and then choose a value for it from the text-transform
dropdown list.
Read
an official description of the text-transform property from the W3C