How to change the cases of text in paragraph using CSS?
Last Updated :
09 Feb, 2022
The approach of this article is to how to change cases of text in a paragraph by using the CSS text-transform Property. It is s used to control the capitalization of the text. It mainly changes the text into upper case and lowercase format.
Syntax:
text-transform: none | capitalize | uppercase | lowercase | initial | inherit;
Example:
css
<!DOCTYPE html>
<html>
<head>
<style>
h 1 {
color : green ;
}
p.gfg {
text-transform : capitalize ;
}
p.GFG
{
text-transform : uppercase ;
}
p.sudo
{
text-transform : lowercase ;
}
</style>
</head>
<body>
< center >
<h 1 >GeeksForGeeks</h 1 >
<h 2 >
How to change cases of text
in paragraph using CSS?
</h 2 >
<p class="gfg"> capitalize </p>
<p class="sudo">
lower case letter
</p>
<p class="GFG">
uppercase letter</p>
</body>
</html>
|
Output:
Supported Browsers are listed below:
- Google Chrome 1.0
- Internet Explorer 4.0
- Firefox 1.0
- Opera 1.0
- Safari 3.5
Share your thoughts in the comments
Please Login to comment...