# Property Description

The text-transform property sets the capitalization of text.

# Property Values

Value | Description
--- | ---
none | (default) No transformation. The text renders as it is
capitalize | Transforms the first character of each word to uppercase
uppercase | Transforms all characters to uppercase
lowercase | Transforms all characters to lowercase
inherit1 | Specifies that the value of the property should be inherited from the parent element

# Examples

This example shows how to transform text in different elements.

    h1 {
      text-transform:uppercase
    }

    h2 {
      text-transform:capitalize
    }

    p {
      text-transform:lowercase
    }

This example shows the results of setting the various text-transform values:

    text-transform:none

    text-transform:capitalize

    text-transform:uppercase

    text-transform:lowercase

# Browser Support

Firefox | IE | Chrome | Opera | Safari

1 - 'inherit' not supported by IE

# Miscellaneous Information

Inherited: | Yes
Defined In: | CSS1