Text Transform
How to convert all characters to lowercase in html?
How to convert all letters to uppercase in html?
Text Transform
Usage:
text-transform: capitalize;
text-transform: lowercase;
text-transform: uppercase;
text-transform: none;
Using this attribute/tag we can transform text with out really editing the text
It takes the following values.
1) capitalize : This will make the first letter of the every word as a capital letter.
2) uppercase : It will show all the letters as uppercase letters.
3) lowercase : It will show all the letters as lowercase letters.
4) none : This will remove any text transforms
Example 1:
How to convert all letters to uppercase in html?
Text Transform
Usage:
text-transform: capitalize;
text-transform: lowercase;
text-transform: uppercase;
text-transform: none;
Using this attribute/tag we can transform text with out really editing the text
It takes the following values.
1) capitalize : This will make the first letter of the every word as a capital letter.
2) uppercase : It will show all the letters as uppercase letters.
3) lowercase : It will show all the letters as lowercase letters.
4) none : This will remove any text transforms
Example 1:
<font style="text-transform: capitalize;">text transform </font> Result:
text transform
Example 2:
<font style="text-transform: uppercase;">text transform </font> Result:
text transform
Example 3:
<font style="text-transform: lowercase;">TEXT TRANSform </font> Result:
TEXT TRANSform
Example 4:
<font style="text-transform: none;">TEXT TRANSform </font> Result:
TEXT TRANSform