Uppercase the text in CSS in web development

Last modified on May 26th, 2018 at 2:07 pm

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
Researcher, Publisher of International Journal Of Software Technology & Science ISSN: 2616-5325
Instructor, SEO Expert, Web Programmer and poet.
Feel free to contact.