How to set the cases for a text in CSS?


Use the text-transform property to set the cases for a text. Possible values are none, capitalize, uppercase, lowercase.

Example

You can try to run the following code to set the cases for a text:

<html>
   <head>
   </head>
   <body>
      <p style = "text-transform:capitalize;">
         This will be capitalized
      </p>

      <p style = "text-transform:uppercase;">
         This will be in uppercase
      </p>

      <p style = "text-transform:lowercase;">
         This will be in lowercase
      </p>
   </body>
</html>

Samual Sam
Samual Sam

Learning faster. Every day.

Updated on: 31-Jan-2020

129 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements