CSS Text Transform
How to convert all characters to lowercase in html?
How to convert all letters to uppercase in html?
Explanation
Property :
Text TransformUsage:
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
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
