CSS text-transform Property

CSS text-transform property specifies the how to transform the text of an element such as uppercase, lowercase, capitalize.


The following table outline the usages and version history of this property.

Default value: none
Applies to: All elements
Inherited: Yes
Version: CSS1
JavaScript Syntax: object.style.textTransform = "uppercase"


Here is a syntax for the CSS text-transform property

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

Property Values

The following table describes the values of this property.

Value Description
none Default. Text not transform, keep as it is
capitalize Transforms the first character of each word in uppercase
uppercase Transforms all character are converted to uppercase
lowercase Transforms all characters are converted to lowercase
initial Sets default value of this property
inherit Inherits this property from its parent element


The example below shows to sets text-transform property.

p.one {
  text-transform: capitalize;
p.two {
  text-transform: lowercase;
p.three {
  text-transform: uppercase;

Run it...   »

Browser Compatibility

  • Google Chrome 1+
  • Mozilla Firefox 1+
  • Internet Explorer 4+
  • Opera 7+
  • Safari 1+

Note: Here details of browser compatibility with version number may be this is bug and not supported. But recommended to always use latest Web browser.