Text Transform Property is used to transfer the text to full uppercase are full lower case are the first letter of the each word to uppercase.
Syntax:
p{
text-transform:capitalize;
}Uppercase:
CSS:
p{
text-transform:uppercase;
}HTML:
<p style="text-transform:uppercase;">this will uppercase.</p>
OUTPUT:
this will uppercase.
Lowercase:
CSS:
p{
text-transform:lowercase;
}HTML:
<p style="text-transform:lowercase;">THIS WILL LOWERCASE.</p>
OUTPUT:
THIS WILL LOWERCASE.
Capitalize:
CSS:
p{
text-transform:capitalize;
}HTML:
<p style="text-transform:capitalize;">this will capitalize.</p>
OUTPUT:
this will capitalize.
| Feature | Chrome | Firefox | IE | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | Yes | Yes | Yes | Yes | Yes |
