text-transform

The text-transform CSS property specifies how to capitalize an element’s text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.

Syntax

  • text-transform: capitalize
  • text-transform: uppercase
  • text-transform: lowercase
  • text-transform: none
  • text-transform: full-width
  • text-transform: inherit
<!DOCTYPE html>
<html>
    <head>
        <style>
            .foo {
                text-transform: uppercase;
            }
        </style>
    </head>
    <body>
        <p class="foo">
            The quick brown red fox jumps over the lazy dog 
            The quick brown red fox jumps over the lazy dog
        </p>
    </body>
</html>