CSS Text Transform

Topic

How to convert all characters to lowercase in html?
How to convert all letters to uppercase in html?

Explanation

Property :

Text Transform

Usage:


text-transform: capitalize;
text-transform: lowercase;
text-transform: uppercase;
text-transform: none;

Definition:

Using this attribute/tag we can transform text with out really editing the text
It takes the following values.
a)capitalize : This will make the first letter of the every word as a capital letter.
b)uppercase : It will show all the letters as uppercase letters.
c)lowercase : It will show all the letters as lowercase letters.
d)none : This will remove any text transforms

Example 1:


<font style="text-transform: capitalize;">testing text transform </font>
Result:

testing text transform

Example 2:


<font style="text-transform: uppercase;">testing text transform </font>
Result:

testing text transform

Example 3:


<font style="text-transform: lowercase;">TesTing TEXT TRANSform </font>
Result:

TesTing TEXT TRANSform

Example 4:


<font style="text-transform: none;"> TesTing TEXT TRANSform </font>
Result:

TesTing TEXT TRANSform