CSS text-transform Property

CSS text-transform property is used to transform element’s text to upper or lower or camel case. See the example below:


  text-transform: uppercase;
  text-transform: capitalize;
  text-transform: lower;

CSS Syntax

The text-transform property has the following syntax:

text-transform: none|uppercase|capitalize|lowercase|initial|inherit;

Property Values

The text-transform property accepts the following values:

noneDefault Value. The text remains as it is.
uppercaseTransforms the text to upper case.
capitalizeTransforms the first letter of each word to upper case.
lowercaseTransforms the text to lower case.
initialSets the text-transform property to its default value. which is none.
inheritInherits the text-transform value from its parent element.

General Info

Default Valuenone
JavaScript Usageelement.style.textTransform = “uppercase”