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