text-transform

Published Jul 28, 2021Updated May 15, 2024
Contribute to Docs

Specifies how to capitalize an element’s text.

Syntax

text-transform: <value>;

The following values can be applied 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