CSS Text Transform

The text-transform property control the capitalization of the text. You can control the capitalization of the text by following values.

capitalize − The first letter of each word in the element's text should be capitalized.

uppercase − All of the characters in the element's text should be uppercase (capital letters).

lowercase − All of the characters in the element's text should be lowercase.

none - The capitalization of the element's text should not be altered.

Example of Code

<style type="text/css">
    .example-CSS-Text-Transform-uppercase{
        text-transform: uppercase;
    }
    .example-CSS-Text-Transform-lowercase{
        text-transform: lowercase;
    }
    .example-CSS-Text-Transform-capitalize{
        text-transform: capitalize;
    }
</style>
<p class="example-CSS-Text-Transform-uppercase">This text has been transformed to uppercase</p>
<p class="example-CSS-Text-Transform-lowercase">THIS TEXT HAS BEEN TRANSFORMED TO LOWERCASE</p>
<p class="example-CSS-Text-Transform-capitalize">this text has been capitalized.</p>

Output