Arrow

CSS Text Transform

AuthorHariom Prajapati

Pubish Date01 Sep 2022

categoryCSS

It is use to control capitalization of text.

 

Syntax -

text-transform : value ;

 

values

capitalize

It is use to transform first character of each word to uppercase

uppercase

It is use to transform all character to uppercase
lowercase
It is use to transform all character to lowercase

 

For example -

<html>

<head>
    <title>CSS Text Transform</title>

    <style>
        .capitalize {
            text-transform: capitalize;
        }

        .uppercase {
            text-transform: uppercase;
        }

        .lowercase {
            text-transform: lowercase;
        }
    </style>
</head>

<body>
    <p class="capitalize">its set first character of each word to uppercase</p><br>
    <p class="uppercase"> its set all character to uppercase. </p><br>
    <p class="lowercase">its set all character to lowercase.</p><br>

</body>

</html>

 

Output

Text Decoration