Last updated on

The text-transform property controls the capitalization of text.

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

Example

Transform text in different <p> elements:

p.uppercase {
    text-transform: uppercase;
}

p.lowercase {
    text-transform: lowercase;
}

p.capitalize {
    text-transform: capitalize;
}

Browser Support

Chrome Safari Firefox Opera IE Android iOS
yes yes yes yes yes yes yes