Appearance:
text-transform: <value>
Possible Values:
none | capitalize | uppercase | lowercase
Initial Value:
none
Applies to:
All elements
Inherited:
Yes
The text-transform property allows text to be transformed by one of four properties:
Capitalize (capitalizes first character of each word)
UPPERCASE (capitalizes all characters of each word)
lowercase (uses small letters for all characters of each word)
none (the initial value)
Example : 1
H1 { text-transform: uppercase }
<h1>this is in lowercase</h1>
would display:
Example : 2
H2 { text-transform: capitalize }
<h2>this is in lowercase</h2>
would display:
The text-transform property should only be used to express a stylistic desire. It would be inappropriate, for example, to use text-transform to capitalize a list of countries or names.