All about CSS Text property (size, color, style, align, shadow, decoration, space, transform, weight)

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]