CSS text-transformProperty
Example
Convert text in different elements:
h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}
Try it Yourself »
Attribute definition and usage description
The text-transform property controls the capitalization of text.
| Default value: | none |
|---|---|
| Inherited: | yes |
| version: | CSS1 |
| JavaScript Syntax: | object.style.textTransform="uppercase" |
Browser Support
The numbers in the table indicate the first browser version number that supports the property.
| Property | |||||
|---|---|---|---|---|---|
| text-transform | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Property value
| Value | Description |
|---|---|
| none | Default. Defines standard text with lowercase and uppercase letters. |
| capitalize | Each word in the text begins with an uppercase letter. |
| uppercase | The definition contains only uppercase letters. |
| lowercase | Defines no uppercase letters, only lowercase letters. |
| inherit | Specifies that the value of the text-transform property should be inherited from the parent element. |
Related Articles
CSS Tutorial:CSS Text
other extensions