CSS texttransform Property (original) (raw)

CSS text-transform Property

Last Updated : 01 Oct, 2024

The **text-transform property in CSS is used to control the **capitalization of text. It allows you to transform text to uppercase, **lowercase, or capitalize the first letter of each word.

**Syntax

**text-transform: none| capitalize | uppercase | lowercase |initial | inherit;

**Property Values

Here are the **property values for the **text-transform CSS property:

Value Description
**none Default value. No capitalization.
**capitalize Transforms the first character of each word to uppercase.
**uppercase Converts all characters in each word to uppercase.
**lowercase Converts all characters in each word to lowercase.
**initial Sets the property to its default value.

CSS text-transform Property Example

Here are some examples of the **CSS text-transform property that will help you clearly understand how it works:

Example 1: Using text-transform: none;

In this example we are using the text-transform: none; property to display text in its original form without any **capitalization changes. It demonstrates the default text transformation behavior in a paragraph.

html `

CSS text-transform Property