CSS Text Transform Example :
<!DOCTYPE html>
<html>
<head>
<title> kod4u </title>
<style type="text/css">
#uppercase {
text-transform: uppercase;
}
#lowercase {
text-transform: lowercase;
}
#capitalize {
text-transform: capitalize;
}
</style>
</head>
<body>
<h1> Text Transform Example </h1>
<p> Here we use Text Transform property to be uppercase, lowercase and capitalize text in webpage. </p>
<p id="uppercase"> text-transform: uppercase </p>
<p id="lowercase"> TEXT-transform: LOWERCASE </p>
<p id="capitalize"> text-transform: capitalize </p>
</body>
</html>
OUTPUT<html>
<head>
<title> kod4u </title>
<style type="text/css">
#uppercase {
text-transform: uppercase;
}
#lowercase {
text-transform: lowercase;
}
#capitalize {
text-transform: capitalize;
}
</style>
</head>
<body>
<h1> Text Transform Example </h1>
<p> Here we use Text Transform property to be uppercase, lowercase and capitalize text in webpage. </p>
<p id="uppercase"> text-transform: uppercase </p>
<p id="lowercase"> TEXT-transform: LOWERCASE </p>
<p id="capitalize"> text-transform: capitalize </p>
</body>
</html>
No comments:
Post a Comment