CSS text-transform Property

If you want to make text uppercase or lowercase, You can use CSS text-transform property to do this. Below are the list of values you can use to make text transformations.

Sr No Value Description
lowercase Specify this value to make all the text lowercase
uppercase You can make all the text words capital using this value of text-transform property.
capitalize Use this value to make text capitalize or camel-case text.

Lowercase text transformation

To make all text of a paragraph to lowercase, you have to specify “lowercase” as the value of the CSS text transform property.

You can use this value to any HTML element to make tranformation of its text.

Output

This is the paragraph to show lowercase text.

Uppercase Using CSS text-transform

To make all text of a paragraph to uppercase, you have to specify “uppercase” as the value of the CSS text transform property.

The uppercase feature of CSS makes all the text words inside an HTML element to uppercase whether it is lowercase or capitalize.

Output

This is the paragraph to show uppercase text.

Capitalize Using CSS text-transform

To make all text of a paragraph to capitalize, you have to specify “capitalize” as the value of the CSS text transform property.

A capitalize text is a text at which the first letter of a wordp is uppercase and rest others is lowercase.

Output

This is the paragraph to show capitalize text.