CSS Text Formatting

This chapter contains properties that allow you to format text.

1. text-color

The color property is used to set the color of the text.

body {
  color: blue;
}

2. text-align

The text-align property is used to set the horizontal alignment of a text.

• left, right, center, justify.

3. text-decoration

The text-decoration property is used to set or remove decorations from text.

• none: Often used to remove underlines from links.
• underline, overline, line-through.

4. text-transform

The text-transform property is used to specify uppercase and lowercase letters in a text.

• uppercase: Converts text to all uppercase.
• lowercase: Converts text to all lowercase.
• capitalize: Capitalizes the first letter of each word.

5. text-indent

Specifies the indentation of the first line of a text-block.

p {
  text-indent: 50px;
}

6. letter-spacing & word-spacing

• letter-spacing: Increases or decreases space between characters.
• word-spacing: Increases or decreases space between words.