Uppercase the text in CSS in web development

By Prof. Fazal Rehman Shamil
Last modified on May 27th, 2019

What is the difference between uppercase and lowercase?

Upper Case: THIS IS UPPER CASE

Lower Case:  this is lower case

Example:

<html>
<head>
<style>
.height_set
{
text-transform: uppercase;
}.forLower
{
text-transform: uppercase;
}

.forCapitalize
text-transform: capitalize;
}
</style>
</head>
<body>
<div class=”forUpper”>THIS IS UPPER CASE REPRESENTATION.</div>

<div class=”forLower”>this is lower case representation.</div>

<div class=”forCapitalize”>this is capitalize representation.</div></h1>
</body>
</html>

Output:

THIS IS UPPER CASE REPRESENTATION

this is lower case representation.

This Is Capitalize Representation.

 

 

 

Prof.Fazal Rehman Shamil (Available for Professional Discussions)
1. Message on Facebook page for discussions,
2. Video lectures on Youtube
3. Email is only for Advertisement/business enquiries.