Tuesday, 30 May 2017

Working with the text-transform property in CSS

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:





No comments:

Post a Comment