The text-transform property is used to transform text into uppercase, lowercase, or capitalized letters.
Create a Web page named texttransform.html
<!doctype html>
<head>
<title> Text-Transform property in CSS</title>
</head>
<body>
<font size=6 color=green>Working with the text-transform property</font>
<p>Show the different types of text-transformations:</p>
<ol start=A>
<li><p style="text-transform:capitalize">My first Paragraph </p></li>
<li><p style="text-transform:lowercase">My Second Paragraph </p></li>
<li><p style="text-transform:uppercase">My third Paragraph </p></li>
<li><p style="text-transform:none">My fouth Paragraph </p></li>
</body>
</html>
here we have used the text-transform property to change the into capitalized, uppercase, and lowercase.
The Output of the texttransform.html file is shown:
Create a Web page named texttransform.html
<!doctype html>
<head>
<title> Text-Transform property in CSS</title>
</head>
<body>
<font size=6 color=green>Working with the text-transform property</font>
<p>Show the different types of text-transformations:</p>
<ol start=A>
<li><p style="text-transform:capitalize">My first Paragraph </p></li>
<li><p style="text-transform:lowercase">My Second Paragraph </p></li>
<li><p style="text-transform:uppercase">My third Paragraph </p></li>
<li><p style="text-transform:none">My fouth Paragraph </p></li>
</body>
</html>
here we have used the text-transform property to change the into capitalized, uppercase, and lowercase.
The Output of the texttransform.html file is shown:
No comments:
Post a Comment