The text-transform property

The text-transform property sets a case of text characters: uppercase (capital letters), lowercase (small letters), can capitalize the first letter of each word.

Syntax

cssselector {
  text-transform: capitalize | lowercase | uppercase | none;
}

Values

Value	Description
`capitalize`	The first character of each word in a sentence will be capitalized.
`lowercase`	All text characters are transformed to lowercase.
`uppercase`	All text characters are transformed to UPPER CASE.
`none`	Does not change character case.

Default value: none.

Example . The capitalize value

Now the first letter of each word will be capitalized:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-transform: capitalize;
}

Результат:

Example . The uppercase value

Now all characters will be capitalized:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-transform: uppercase;
}

Результат:

Example . The lowercase value

Now all characters will become lowercase:

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>

cssp {
  text-transform: lowercase;
}

Результат: