CSS text-transform
This CSS property allows us to change the case of the text. It is used to control the text capitalization. This CSS property can be used to make the appearance of text in all-lowercase or all-uppercase or can convert the first character of each word to uppercase.
Syntax
Let’s discuss its property values along with an example.
capitalize
It transforms the first character of each word to uppercase. It will not capitalize the first letter after the number. It only affects the first letters of the words instead of changing the rest of the letters in the word.
If we apply the capitalize property on a word that already has capital letters, then the letters of that word will not switch to lowercase.
The illustration of this property is given below.
Syntax
Example
uppercase
As its name implies, it transforms all characters of the word into uppercase.
Syntax
Example
lowercase
It transforms all characters of the word into lowercase.
Syntax
Example
none
It is the default value that has no capitalization. It renders the text as it is.
Syntax
Example