<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.txt_cls {
/*underline,overline*/
text-decoration: line-through;
/* capitalize, lowercase*/
text-transform: uppercase;
/*right,center*/
text-align: justify;
/*rtl*/
direction: ltr;
text-shadow: 2px 1px 2px red;
text-indent: 20px;
letter-spacing: 5px;
line-height: 100%;
word-spacing: 20px;
}
</style>
</head>
<body>
<div class="txt_cls">
In this example explain about text properties. text-decoration is used to draw
</div>
</body>
</html>
Used of:-
Text Properties
text-decoration
It contain underline,overline and line-through values.
- underline - This is the example of underline
- overline - This is the example of overline
- line-through - This is the example of line-through
text-transform
It contain capitalize, uppercase and lowercase values.
- capitalize - This Is The Example Of Capitalize
- uppercase - THIS IS THE EXAMPLE OF UPPERCASE
- lowercase - this is the example of lowercase
text-shadow
text-shadow Syntax is
text-shadow: h-shadow v-shadow blur-radius color;
Example
text-shadow: h-shadow v-shadow blur-radius color;
Example
text-shadow: 10px 1px 5px #FF0FF0;
- h-shadow - Horizontal shadow
- v-shadow - Vertical shadow
- blur-radius -The blur radius. Default value is 0.
text-indent
It will set the first line space for every paragraph.
letter-spacing
It will set the space for the first and second character.
Example
letter-spacing:30px -> welcome
Example
letter-spacing:30px -> welcome
CSS:- Text properties
Reviewed by Network security
on
May 06, 2019
Rating:
Reviewed by Network security
on
May 06, 2019
Rating:
No comments: