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