text-transform

Specifies how to capitalize an element’s text.

Syntax

text-transform: <value>;

to clipboard
Copy to clipboard

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;
}

to clipboard
Copy to clipboard