CSS2 » Properties » text-transform

Version: Level 1

Compability: IE4+  N4+

Syntax:
text-transform : capitalize | uppercase | lowercase | none
none
The none value is the default. By declaring none, you can ensure that any previous declaration will not effect a selected text.
lowercase
The lowercase value makes all letters lower case (no capitals) in a selected text.
uppercase
The uppercase value capitalizes all letters in a selected text.
capitalize
The capitalize value will capitalize the first letter in each word in a selected text.

The text-transform property allows you to control capitalization in a selected text. This property is inherited.

Examples

Code:
p { text-transform: none; }
p { text-transform: capitalize; }
p { text-transform: lowercase; }
p { text-transform: uppercase; }
Language(s): CSS2
Code:
<span style="text-transform: none;">How now brown cow?</span>
<span style="text-transform: capitalize;">How now brown cow?</span>
<span style="text-transform: lowercase;">How now brown cow?</span>
<span style="text-transform: uppercase;">How now brown cow?</span>
Output:
How now brown cow?
How now brown cow?
How now brown cow?
How now brown cow?
Language(s): CSS2

See Also: