Easy Tutorial
❮ Pr Grid Row Gap Sel Attribute Value Contains ❯

CSS text-transform Property

Example

Transform text in different elements:

h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}

Property Definition and Usage

The text-transform property controls the capitalization of text.

Default value: none
Inherited: yes
--- ---
Version: CSS1
--- ---
JavaScript syntax: object.style.textTransform="uppercase"
--- ---

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
text-transform 1.0 4.0 1.0 1.0 7.0

Property Values

Value Description
none Default. Defines standard text with lowercase and uppercase letters.
capitalize The first letter of each word is capitalized.
uppercase Defines text with only uppercase letters.
lowercase Defines text with no uppercase letters, only lowercase letters.
inherit Specifies that the value of the text-transform property should be inherited from the parent element.

Related Articles

CSS Tutorial: CSS Text

❮ Pr Grid Row Gap Sel Attribute Value Contains ❯