Text Transformation

CSS Text Transformation refers to the ability to control the capitalization and case of text in a web page using Cascading Style Sheets (CSS). There are several CSS properties that allow you to transform the text in different ways:

Example

p.uppercase {
  text-transform: uppercase;
}

p.lowercase {
  text-transform: lowercase;
}

p.capitalize {
  text-transform: capitalize;
}

You can click on above box to edit the code and run again.

Output

This text is transformed to uppercase.

This text is transformed to lowercase.

This text is capitalized.