
The Complete Idiot's Style Sheets Reference
| Index
| Current Category: Text |
| Previous Style: text-shadow
| Next Style: top
|
text-transform
Transforms the use of uppercase and lowercase letters.
Support:
-
Possible Values:
- capitalize
Converts the first letter of every word to uppercase.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
- lowercase
Converts every letter to lowercase.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
- none
Renders the text without any transform effect.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
- uppercase
Converts every letter to uppercase.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
Example:
<H2 STYLE="text-transform: capitalize">
I left my heart in Truth or Consequences, New Mexico</H2>
<H2 STYLE="text-transform: lowercase">
I left my heart in Truth or Consequences, New Mexico</H2>
<H2 STYLE="text-transform: none">
I left my heart in Truth or Consequences, New Mexico</H2>
<H2 STYLE="text-transform: uppercase">
I left my heart in Truth or Consequences, New Mexico</H2>
How It Looks:
I left my heart in Truth or Consequences, New Mexico
I left my heart in Truth or Consequences, New Mexico
I left my heart in Truth or Consequences, New Mexico
I left my heart in Truth or Consequences, New Mexico
| Index
| Current Category: Text |
| Previous Style: text-shadow
| Next Style: top
|
|