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.




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