CSS text-transform Property
CSS text-transform property specifies the how to transform the text of an element such as uppercase, lowercase, capitalize.
Usages
The following table outline the usages and version history of this property.
| Default value: | none |
| Applies to: | All elements |
| Inherited: | Yes |
| Version: | CSS1 |
| JavaScript Syntax: | object.style.textTransform = "uppercase" |
Syntax
Here is a syntax for the CSS text-transform property
text-transform: none | capitalize | uppercase | lowercase | initial | inherit;
Property Values
The following table describes the values of this property.
| Value | Description |
|---|---|
| none | Default. Text not transform, keep as it is |
| capitalize | Transforms the first character of each word in uppercase |
| uppercase | Transforms all character are converted to uppercase |
| lowercase | Transforms all characters are converted to lowercase |
| initial | Sets default value of this property |
| inherit | Inherits this property from its parent element |
Examples
The example below shows to sets text-transform property.
p.one {
text-transform: capitalize;
}
p.two {
text-transform: lowercase;
}
p.three {
text-transform: uppercase;
}
Browser Compatibility
- Google Chrome 1+
- Mozilla Firefox 1+
- Internet Explorer 4+
- Opera 7+
- Safari 1+
Note: Here details of browser compatibility with version number may be this is bug and not supported. But recommended to always use latest Web browser.