Edit

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

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <style type="text/css">
    .uppercase {
    text-transform: uppercase;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .capitalize {
    text-transform: capitalize;
  }
  </style>
</head>
  <body>
    <p class="uppercase">This text has been transformed to uppercase</p>
    <p class="lowercase">THIS TEXT HAS BEEN TRANSFORMED TO LOWERCASE</p>
    <p class="capitalize">this text has been capitalized.</p>
</body>
</html>

Output

          

This text has been transformed to uppercase

   

THIS TEXT HAS BEEN TRANSFORMED TO LOWERCASE

   

this text has been capitalized.