Published Jul 28, 2021Updated Sep 3, 2021
Contribute to Docs

Specifies how to capitalize an element’s text.


text-transform: <value>;

The following values can be be appplied to the text-transform property:

  • none (default): The text renders as is.
  • capitalize: Transforms the first character of every word to uppercase.
  • uppercase: Transforms all characters to uppercase.
  • lowercase: Transforms all characters to lowercase.

Example 1

Transforming every character of a text block to uppercase.

p {
text-transform: uppercase;

All contributors

Looking to contribute?

Learn CSS on Codecademy