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

selector {
	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:

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

p {
	text-transform: capitalize;
}

Example . The uppercase value

Now all characters will be capitalized:

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

p {
	text-transform: uppercase;
}

Example . The lowercase value

Now all characters will become lowercase:

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

p {
	text-transform: lowercase;
}