CSS text-transform Property
The text-transformation The CSS property specifies how to capitalize the text of an element. It can be used to make text appear all-uppercase, all-lowercase, or capitalized for each word. It can also help improve ruby legibility.
Including CSS uppercase code saves you time and effort in manually converting lowercase to uppercase text. It may appear difficult and advanced, but all you need to do is use CSS text-transform. Everything you need to know about CSS uppercase and text-transform is right here.
Syntax
Property Values
| Value | Description |
|---|---|
| none | No capitalization. The text renders as it is. This is default |
| capitalize | Transforms the first character of each word to uppercase |
| uppercase | Transforms all characters to uppercase |
| lowercase | Transforms all characters to lowercase |
| initial | Set this property to its default value. |
| inherit | Inherits this property from its parent element. |
Supported Browsers
| Property | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| text-transform | 1.0 | 1.0 | 1.0 | 4.0 | 7.0 |