The cover of The Complete Idiot's Guide to Create a Web Page 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:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later
Possible Values:
capitalize
Converts the first letter of every word to uppercase.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later

lowercase
Converts every letter to lowercase.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later

none
Renders the text without any transform effect.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later

uppercase
Converts every letter to uppercase.

Support:

W3C StandardInternet ExplorerNetscape 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 |