clock  Mon - Sun 8.00 AM - 8.00 PM
mail  edu@teknowize.com
fb
instagram
play store
pinterest

More

CSS Text Transform

Imperial Advance Hero Image

CSS Text Transform

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

CSS