Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

How to change the cases of text in paragraph using CSS?

  • Last Updated : 09 Feb, 2022

The approach of this article is to how to change cases of text in a paragraph by using the CSS  text-transform Property. It is s used to control the capitalization of the text. It mainly changes the text into upper case and lowercase format.


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



<!DOCTYPE html>
        h1 {
            color: green;
        p.gfg {
            text-transform: capitalize;
        How to change cases of text
in paragraph using CSS?
        <p class="gfg">capitalize</p>
        <p class="sudo">
        lower case letter
        <p class="GFG">
        uppercase letter</p>


Supported Browsers are listed below:

  • Google Chrome 1.0
  • Internet Explorer 4.0
  • Firefox 1.0
  • Opera 1.0
  • Safari 3.5

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!