text properties in css
Text properties in css
1] This css property allows us to change the case of the text.
2] used to control the text capitalization.
3] css property can be used to make the appearance of next
all-lowercase and ,all uppercase can first character each word uppercase.
Text properties
1] text-transform : uppercase;
2] text-transform : lowercase;
3] text-transform : capitalize;
1) text-transform : uppercase;
Transforms all characters to uppercase.
Example :-
<!DOCTYPE html>
<html>
<head>
<title>css text-transform property</title>
<style>
p
{
text-transform:uppercase;
}
</style>
</head>
<body>
<h1>Learn Programming Language</h1>
<p>Learn to the this website https://webdesigningtheory.blogspot.com/
</p>
</body>
</html>
Output :-
2) Text-transform : lowercase;
Transforms all characters to lowercase.
Example:-
<!DOCTYPE html>
<html>
<head>
<title>css text-transform property</title>
<style>
p
{
text-transform:lowercase;
}
</style>
</head>
<body>
<h1>Learn Programming Language</h1>
<p><b>Learn to the this website https://webdesigningtheory.blogspot.
com/</b></p>
</body>
</html>
Output :-
3) Text-transform : capitalize;
Transforms to the first character of each the word to uppercase and
transforms all other characters to lowercase.
Example :-
<!DOCTYPE html>
<html>
<head>
<title>css text-transform property</title>
<style>
p
{
text-transform:capitalize;
}
</style>
</head>
<body>
<h1>Learn Programming Language</h1>
<p><b>Learn to the this website https://webdesigningtheory.blogspot.
com/</b></p>
</body>
</html>
Output :-
Related Post :-
Post a Comment