CSS Text

CSS provides a number of properties that can be used to manipulate the appearance of text on a webpage. In this chapter, we will discuss some of the most commonly used CSS text properties.

color: 

This property is used to set the color of the text. It can be set to a named color, a hexadecimal value, an RGB value, or an RGBA value.

p {
 color: blue;
}

font-family: 

This property is used to set the font family for the text. It can be set to a specific font name, or a list of font names separated by commas. If the specified font is not available, the browser will use a fallback font.
 

p {
 font-family: Arial, Helvetica, sans-serif;
}

font-size: 

This property is used to set the size of the font. It can be set to a specific size in pixels, ems, rems, or percentages.
 

p {
 font-size: 16px;
}

font-style: 

This property is used to set the style of the font. It can be set to normal, italic, or oblique.
 

p {
 font-style: italic;
}

font-weight: 

This property is used to set the weight of the font. It can be set to normal, bold, or a number between 100 and 900.
 

p {
 font-weight: bold;
}

text-align: 

This property is used to set the alignment of the text. It can be set to left, right, center, or justify.
 

p {
 text-align: center;
}

text-decoration: 

This property is used to add decorations to the text. It can be set to underline, overline, line-through, or none.
 

p {
 text-decoration: underline;
}

text-transform: 

This property is used to transform the text to uppercase, lowercase, or capitalize.
 

p {
 text-transform: uppercase;
}

line-height: 

This property is used to set the height of a line of text. It can be set to a specific size in pixels, ems, rems, or percentages.
 

p {
 line-height: 1.5;
}

These are just a few of the many CSS text properties that are available. By using these properties, you can customize the appearance of text on your webpage to create a unique and visually appealing design.