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 NoValueDescription
lowercaseSpecify this value to make all the text lowercase
uppercaseYou can make all the text words capital using this value of text-transform property.
capitalizeUse 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.

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.