Today, We are going to share about the CSS text properties. There is a lot of css text properties such as color, font-size, style, shadow, etc and it will be a lot helpful to create a stylish font style with those text properties.
Size: It sets the font size of text
[css]
#text {
font-size:17px;
}
[/css]
Color: It sets the font color of text
[css]
#text {
color:#777777;
}
[/css]
Style: It sets the font-style of text
[css]
#text {
font-style:italic;
font-style:normal;
}
[/css]
Weight: It sets the thickness of text
[css]
#text {
font-weight:bold;
font-weight:normal;
font-weight:900;
font-weight:100;
}
[/css]
Shadow: It creates shadow effect on text
[css]
#text {
text-shadow:1px 1px 3px #333;
}
[/css]
Align: This code sets the horizontal position of text
[css]
#text {
text-align:left;
text-align:center;
text-align:justify;
}
[/css]
Decoration: Can add a underline or remove decoration from text
[css]
#text {
text-decoration:none;
text-decoration:underline;
}
[/css]
Transform: Can change letters to uppercase or lowercase
[css]
#text {
text-transform:uppercase;
text-transform:lowercase;
}
[/css]
Spacing: It adjusts a gap between words
[css]
#text {
word-spacing:10px;
[/css]