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:
